updated dependencies

front/sass/_button.scss

@@ -28,4 +28,20 @@
   &.active {
     filter: brightness(74%);
   }
+
+  &[disabled] {
+    pointer-events: none;
+  }
+}
+
+.upload-button{
+  padding: 0;
+  border: none;
+
+
+  label{
+    font-size: 14px;
+    line-height: 14px;
+    font-weight: normal;
+  }
 }

front/sass/_dialog.scss

@@ -4,32 +4,44 @@
 //  border: 2px solid burlywood;
 //  border-radius: 5px;
 //}
+
+html {
+  //scrollbar-gutter: stable;
+}
+
 body:has(dialog[open]) {
   overflow: hidden;
 }
-dialog{
+
+dialog {
   margin: 10px auto;
   background-color: #fff;
   padding: 34px;
   border: none;
   border-radius: 5px;
   overflow: auto;
-  position: relative;
+  //position: relative;
 
-  .close{
+  .close {
     position: absolute;
     top: 20px;
     right: 20px;
   }
 
-  .dialog-body{
+  .dialog-body {
     width: fit-content;
   }
 }
 
 
-
 dialog::backdrop {
 
   backdrop-filter: blur(3px);
 }
+
+.dialog-header {
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}

front/sass/_dropdown.scss

@@ -24,16 +24,17 @@
   transition: 600ms;
   flex-grow: 1;
   top: 35px;
+  min-width: max-content;
 
-  &.orientation-right {
+  & .orientation-right {
     right: 0;
   }
 
-  &.orientation-left {
+  & .orientation-left {
     left: 0;
   }
 
-  min-width: max-content;
+
 }
 
 .dropdown-header, .dropdown-item {

front/sass/_pagination.scss

@@ -4,16 +4,21 @@
   justify-content: center;
   align-items: center;
   gap: 4px;
-
+  list-style: none;
   padding: 0;
 
   li {
-    font-size: 14px;
-    border-radius: 12px;
-    padding: 4px 18px;
-    background: var(--background);
-    list-style: none;
-    filter: brightness(90%);
+
+
+    a,span{
+      font-size: 14px;
+      border-radius: 12px;
+      padding: 4px 18px;
+      background: var(--background);
+
+      filter: brightness(90%);
+    }
+
 
     &.disabled {
       pointer-events: none;
@@ -21,7 +26,11 @@
     }
 
     &.active {
-      background: var(--secondary);
+      span{
+        background: var(--secondary);
+      }
+
+
     }
   }
 }

front/sass/_preview.scss

@@ -1,6 +1,7 @@
 .preview-file{
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 10px;
   background: var(--background);
   border-radius: 12px;
@@ -13,6 +14,7 @@
 
   .trash-action{
     display: none;
+    margin-right: 20px;
   }
 
   &:hover{

front/sass/app.scss

@@ -152,7 +152,7 @@ $themes: (
 @import "./tabs";
 @import "./switch";
 @import "./preview";
-@import "./modal";
+@import "./dialog";
 
 body {
     background-color: var(--background);