fix: input borders

components/ui/accent-mode-picker.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
+  <div class="flex flex-col">
     <label>{{ $t("color") }}: {{ active.charAt(0).toUpperCase() + active.slice(1) }}</label>
-    <div class="space-x-2">
+    <div>
       <span
         v-for="(color, index) of colors"
         :key="`color-${index}`"

components/ui/color-mode-picker.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col">
     <label>
       <ColorScheme placeholder="..." tag="span">
         {{ $t("background") }}:
@@ -9,7 +9,7 @@
         </span>
       </ColorScheme>
     </label>
-    <div class="space-x-2">
+    <div>
       <span
         v-for="(color, index) of colors"
         :key="`color-${index}`"

components/ui/pw-toggle.vue

@@ -29,6 +29,7 @@ $transition: all 0.2s ease-in-out;
   @apply p-0;
   @apply m-4;
   @apply cursor-pointer;
+  @apply flex-shrink-0;
 
   width: $width;
   height: $height;

components/ui/url-field.vue

@@ -3,6 +3,12 @@
 </template>
 
 <style lang="scss">
+.url-field {
+  @apply border-dashed;
+  @apply md:border-l;
+  @apply border-brdColor;
+}
+
 .highlight-VAR {
   @apply font-bold;
   @apply text-acColor;