VienDesu/vnshed
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: add platform picker for file

Browse source
This commit is contained in:
OleSTEEP 2025-10-16 23:13:38 +03:00
parent 0e1b25050b
commit a18e5d0ced
1 changed files with 31 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/lib/components/file.svelte
View file

@ -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;
}