Skip to content
Snippets Groups Projects
Commit bc58aec2 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин :clock4:
Browse files

empty commit

parent 1d1ae465
No related branches found
No related tags found
1 merge request!4Entity of text
This commit is part of merge request !4. Comments created here will be created in the context of that merge request.
Hide whitespace changes
Inline Side-by-side
src/helpers /index.ts deleted 100644 → 0
+ 0
− 25
View file @ 1d1ae465
import { useInterfaceStore } from '@/stores/interface';
import type { IEntity } from '@/interfaces/environment';
export async function uploadFile($event: Event) {
const target = $event.target as HTMLInputElement;
if (target && target.files && target.files[0]) {
const file = target.files[0];
const reader = new FileReader();
reader.readAsDataURL(file);
reader.addEventListener('load', () => {
const url = reader.result;
const interfaceStore = useInterfaceStore();
interfaceStore.changeHomeBackgroundUrl(url);
localStorage.setItem('homeBackgroundUrl', url);
});
}
}
export function setDefaultHomeBackground() {
const interfaceStore = useInterfaceStore();
interfaceStore.changeHomeBackgroundUrl(
'https://wallpapers.com/images/featured/minimalist-7xpryajznty61ra3.jpg'
);
localStorage.removeItem('homeBackgroundUrl');
}
src/output.css
+ 90
− 168
Edit View file @ bc58aec2
......@@ -596,6 +596,10 @@ video {
visibility: visible;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
......@@ -616,51 +620,34 @@ video {
left: 0px;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
.left-4 {
left: 1rem;
}
.right-2 {
right: 0.5rem;
}
.top-2 {
top: 0.5rem;
}
.right-8 {
right: 2rem;
.right-4 {
right: 1rem;
}
.top-8 {
top: 2rem;
.top-0 {
top: 0px;
}
.top-16 {
top: 4rem;
}
.top-12 {
top: 3rem;
}
.z-10 {
z-index: 10;
.top-2 {
top: 0.5rem;
}
.-m-2 {
margin: -0.5rem;
}
.-my-4 {
margin-top: -1rem;
margin-bottom: -1rem;
}
.-my-2 {
margin-top: -0.5rem;
margin-bottom: -0.5rem;
......@@ -670,6 +657,22 @@ video {
margin-bottom: -0.5rem;
}
.-ml-2 {
margin-left: -0.5rem;
}
.-ml-4 {
margin-left: -1rem;
}
.-mr-\[135px\] {
margin-right: -135px;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
......@@ -694,38 +697,6 @@ video {
margin-top: 1rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.-mr-24 {
margin-right: -6rem;
}
.-mr-48 {
margin-right: -12rem;
}
.-mr-36 {
margin-right: -9rem;
}
.-ml-2 {
margin-left: -0.5rem;
}
.-mr-\[120px\] {
margin-right: -120px;
}
.-mr-\[130px\] {
margin-right: -130px;
}
.-mr-\[135px\] {
margin-right: -135px;
}
.block {
display: block;
}
......@@ -742,36 +713,17 @@ video {
display: table;
}
.hidden {
display: none;
}
.size-12 {
width: 3rem;
height: 3rem;
}
.size-24 {
width: 6rem;
height: 6rem;
}
.size-8 {
width: 2rem;
height: 2rem;
}
.size-48 {
width: 12rem;
height: 12rem;
}
.h-full {
height: 100%;
}
.h-24 {
height: 6rem;
.w-2 {
width: 0.5rem;
}
.w-20 {
......@@ -782,16 +734,9 @@ video {
width: 100%;
}
.w-24 {
width: 6rem;
}
.w-4 {
width: 1rem;
}
.w-2 {
width: 0.5rem;
.-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
......@@ -804,6 +749,10 @@ video {
user-select: none;
}
.resize-none {
resize: none;
}
.flex-col {
flex-direction: column;
}
......@@ -816,10 +765,6 @@ video {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
......@@ -840,18 +785,22 @@ video {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-2 {
border-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-solid {
border-style: solid;
}
......@@ -861,24 +810,9 @@ video {
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.bg-sky-900 {
--tw-bg-opacity: 1;
background-color: rgb(12 74 110 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-blue-900 {
--tw-bg-opacity: 1;
background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.bg-blue-950 {
--tw-bg-opacity: 1;
background-color: rgb(23 37 84 / var(--tw-bg-opacity));
.border-l-blue-400 {
--tw-border-opacity: 1;
border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.bg-black {
......@@ -896,72 +830,81 @@ video {
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
.bg-sky-900 {
--tw-bg-opacity: 1;
background-color: rgb(12 74 110 / var(--tw-bg-opacity));
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
.p-2 {
padding: 0.5rem;
}
.pl-0 {
padding-left: 0px;
.p-4 {
padding: 1rem;
}
.pr-2 {
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.pt-6 {
padding-top: 1.5rem;
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.pt-1 {
padding-top: 0.25rem;
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.pr-24 {
padding-right: 6rem;
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pr-48 {
padding-right: 12rem;
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pr-36 {
padding-right: 9rem;
.pl-0 {
padding-left: 0px;
}
.pl-2 {
padding-left: 0.5rem;
}
.pr-\[120px\] {
padding-right: 120px;
.pl-4 {
padding-left: 1rem;
}
.pr-\[130px\] {
padding-right: 130px;
.pr-2 {
padding-right: 0.5rem;
}
.pr-\[135px\] {
padding-right: 135px;
}
.pt-6 {
padding-top: 1.5rem;
}
.text-center {
text-align: center;
}
.indent-5 {
text-indent: 1.25rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
......@@ -999,16 +942,12 @@ video {
opacity: 0;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
......@@ -1017,24 +956,7 @@ video {
cursor: pointer;
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.hover\:text-gray-300:hover {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.hover\:opacity-50:hover {
opacity: 0.5;
}
.hover\:opacity-20:hover {
opacity: 0.2;
}
.hover\:opacity-90:hover {
opacity: 0.9;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment