feat: Add swap area to Componere disk.html template

Vasak-OS · May 24, 2024 · feae5d4 · feae5d4
1 parent 03dbfb2
commit feae5d4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 4 deletions.
diff --git a/css/applications/componere.css b/css/applications/componere.css
@@ -199,4 +199,12 @@
     @apply px-4;
     @apply py-3;
   }
+
+  .componere-swap-area {
+    @apply flex;
+    @apply flex-row;
+    @apply justify-end;
+    @apply items-center;
+    @apply pb-2;
+  }
 }
diff --git a/css/global/forms.css b/css/global/forms.css
@@ -1,10 +1,10 @@
-@layer components{
-  select{
+@layer components {
+  select {
     @apply background;
     @apply border-vsk;
     @apply rounded-vsk;
     @apply p-2;
     @apply w-full;
     @apply mb-2;
   }
-}
+}
diff --git a/templates/apps/componere/disk.html b/templates/apps/componere/disk.html
@@ -33,6 +33,7 @@ <h2 class="card-title">nvme0n1(NVME)</h2>
                   <div class="componere-disk-partition-space">50 MB</div>
                   </p>
                 </div>
+                <div class="componere-swap-area"></div>
                 <div class="componere-disk-partition" style="width: 100%; background: rgb(52, 159, 23);">
                   <div class="componere-disk-partition-label"></div>
                   <div class="componere-disk-partition-space">446 GB</div>

diff --git a/templates/components/forms.html b/templates/components/forms.html
@@ -2,4 +2,12 @@
   <option value="as">as</option>
   <option value="as1">as1</option>
   <option value="a2">a2</option>
-</select>
+</select>
+
+<label class="flex cursor-pointer select-none items-center">
+  <div class="relative">
+    <input type="checkbox" class="sr-only" />
+    <div class="block h-8 w-14 rounded-full background"></div>
+    <div class="dot absolute left-1 top-1 h-6 w-6 rounded-full bg-white transition translate-x-full bg-vsk"></div>
+  </div>
+</label>