Lint

components/ui/autocomplete.vue

@@ -50,6 +50,7 @@
     @apply ease-in-out;
     @apply duration-200;
     @apply shadow-lg;
+
     top: calc(100% - 8px);
     border-radius: 0 0 8px 8px;
 

components/ui/modal.vue

@@ -32,6 +32,7 @@
   @apply transition;
   @apply ease-in-out;
   @apply duration-200;
+
   background-color: rgba(0, 0, 0, 0.32);
 }
 
@@ -55,6 +56,7 @@
   @apply bg-bgColor;
   @apply rounded-lg;
   @apply shadow-2xl;
+
   max-height: calc(100vh - 128px);
   max-width: 720px;
 }
@@ -89,13 +91,14 @@
 .fade {
   @apply absolute;
   @apply block;
-  left: 16px;
-  right: 20px;
-  height: 32px;
   @apply transition;
   @apply ease-in-out;
   @apply duration-200;
 
+  left: 16px;
+  right: 20px;
+  height: 32px;
+
   &.top {
     top: 68px;
     background: linear-gradient(to bottom, var(--bg-color), transparent);

components/ui/pw-toggle.vue

@@ -40,6 +40,7 @@ label.toggle {
   @apply my-4;
   @apply mx-2;
   @apply cursor-pointer;
+
   width: $width;
   height: $height;
   border: if($useBorder, 2px solid $borderColor, none);
@@ -53,6 +54,7 @@ label.toggle {
     @apply inset-0;
     @apply rounded-full;
     @apply pointer-events-none;
+
     transition: $transition;
     margin: $handleSpacing;
     background-color: $inactiveHandleColor;

components/ui/url-field.vue

@@ -11,6 +11,7 @@
 .highlight-TEXT {
   @apply overflow-auto;
   @apply break-all;
+
   height: 22px;
 }