fix: lint css

memori-ai · Nov 11, 2024 · 97158f4 · 97158f4
1 parent 3332a93
commit 97158f4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css b/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.css
@@ -4,23 +4,23 @@
   top: 60px;
   left: 15px;
   display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
   min-width: 400px;
-  height: auto !important;
-  text-align: left;
   max-width: 400px;
+  height: auto !important;
+  flex-direction: column;
   padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
   border-radius: 10px;
   margin-left: auto;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   background-color: var(--memori-inner-bg, #fff);
+  gap: 0.5rem;
+  text-align: left;
 }
 
 .memori--position-controls-helper-text{
-  font-size: 0.875rem;
   color: #3b3e46;
+  font-size: 0.875rem;
 }
 
 .memori--slider-container {
@@ -30,8 +30,8 @@
 }
 
 .memori--preset-button{
-  border: 1px solid #ccc;
   padding: 0.5rem;
+  border: 1px solid #ccc;
 }
 
 .memori--preset-button:hover{
@@ -44,9 +44,9 @@
 }
 
 .memori--slider-label{
-  font-size: 0.875rem;
-  color: #3b3e46;
   margin: 0px;
+  color: #3b3e46;
+  font-size: 0.875rem;
 }
 
 .memori--position-controls-close{

diff --git a/src/components/ui/Slider.css b/src/components/ui/Slider.css
@@ -1,26 +1,26 @@
 .memori--slider-container {
+  position: relative;
   width: 100%;
+  padding: 16px 8px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   touch-action: none; /* Prevent default touch behaviors */
   user-select: none; /* Prevent text selection during drag */
-  padding: 16px 8px;
-  position: relative;
 }
 
 .memori--slider-disabled {
-  opacity: 0.6;
   cursor: not-allowed;
+  opacity: 0.6;
 }
 
 .memori--slider-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
   position: absolute;
   top: 0;
   left: 0;
+  display: flex;
   width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
 }
 
 .memori--slider-label {
@@ -30,9 +30,9 @@
 }
 
 .memori--slider-value {
+  min-width: 40px;
   color: #666;
   font-size: 1.0rem;
-  min-width: 40px;
   text-align: right;
 }
 
@@ -47,11 +47,11 @@
 
 .memori--slider-track {
   position: absolute;
+  overflow: hidden;
   width: 100%;
   height: 8px;
   border-radius: 4px;
   background-color: #e5e5e5;
-  overflow: hidden;
 }
 
 .memori--slider-track-fill {
@@ -101,9 +101,9 @@
   border-radius: 50%;
   background-color: white;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  touch-action: none;
   transform: translateX(-50%);
   transition: transform 0.2s ease;
-  touch-action: none;
 }
 
 .memori--slider-thumb:hover,
@@ -132,7 +132,7 @@
 
   /* Add active state styles for touch devices */
   .memori--slider-thumb:active {
-    transform: translateX(-50%) scale(1.15);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transform: translateX(-50%) scale(1.15);
   }
 }