diff --git a/src/helpers /index.ts b/src/helpers /index.ts
deleted file mode 100644
index eb5badfc9a3fc44cbe6b582df3b6e8479680994e..0000000000000000000000000000000000000000
--- a/src/helpers /index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-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');
-}
diff --git a/src/output.css b/src/output.css
index 0b40bb46dfb9a3ec8f0e4d177c680c37d0f40827..f150fa55fdc7ade337663d38984c036f298513f5 100644
--- a/src/output.css
+++ b/src/output.css
@@ -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