From a18e5d0ced7bffce2850d0ff95fcb7abb161f91b Mon Sep 17 00:00:00 2001
From: OleSTEEP <krinkinoleg@gmail.com>
Date: Thu, 16 Oct 2025 23:13:38 +0300
Subject: [PATCH] frontend: add platform picker for file

---
 frontend/src/lib/components/file.svelte | 35 ++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/file.svelte b/frontend/src/lib/components/file.svelte
index ec0c931..5b6ffa4 100644
--- a/frontend/src/lib/components/file.svelte
+++ b/frontend/src/lib/components/file.svelte
@@ -20,20 +20,39 @@
 </script>
 
 <div class="file rounded">
-    <p class="filename">{data.name}</p>
-    <p class="progress">{size_str(data.size)}</p>
+    <div class="file-props">
+        <p class="filename">{data.name}</p>
+        <p class="progress">{size_str(data.size)}</p>
+    </div>
+    <select>
+        <option value="android">Android</option>
+        <option value="ios">iOS</option>
+        <option value="win">Windows</option>
+        <option value="mac">MacOS</option>
+        <option value="linux">Linux</option>
+    </select>
 </div>
 
 <style>
     .file {
+        display: grid;
+        grid-template-columns: auto auto;
         width: 100%;
         margin: 0;
         height: 3rem;
-        display: grid;
         margin-bottom: 0.5rem;
     }
 
-    .file p {
+    .file select {
+        background-color: #447AB1;
+        border: 0;
+    }
+
+    .file-props {
+        display: grid;
+    }
+
+    .file-props p {
         margin: 0;
     }
 
@@ -42,6 +61,10 @@
             background: #5C8DC0;
         }
 
+        .file select {
+            background-color: #447AB1;
+        }
+
         .filename {
             color: white;
         }
@@ -56,6 +79,10 @@
             background: #2791FF;
         }
 
+        .file select {
+            background-color: #1780DD;
+        }
+
         .filename {
             color: white;
         }