Commit bc58aec2 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

empty commit

parent 1d1ae465

src/helpers /index.ts

deleted100644 → 0
+0 −25
Original line number Diff line number Diff line 
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
Original line number Diff line number Diff line
@@ -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));

}
 
 No newline at end of file
 


.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