From bc58aec2703a2c19557a1032048e8b670daf6a41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?= =?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital> Date: Thu, 8 Aug 2024 13:15:11 +0500 Subject: [PATCH] empty commit --- src/helpers /index.ts | 25 ---- src/output.css | 258 +++++++++++++++--------------------------- 2 files changed, 90 insertions(+), 193 deletions(-) delete mode 100644 src/helpers /index.ts diff --git a/src/helpers /index.ts b/src/helpers /index.ts deleted file mode 100644 index eb5badf..0000000 --- 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 0b40bb4..f150fa5 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 -- GitLab