admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web/save: dynamic paste text & component clean up

Browse Source
This commit is contained in:
wukko
2024-06-17 19:03:26 +06:00
parent 9aa2de9bfd
commit ddb52cfef7
2 changed files with 32 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/src/components/save/Omnibox.svelte
View File

@@ -67,18 +67,20 @@
<div id="action-container">
<Switcher settingId="save-downloadMode">
<ActionButton id="auto-mode-button" text="auto">
<IconSparkles />
<ActionButton id="auto-mode-button">
<IconSparkles /> auto
</ActionButton>
<ActionButton id="audio-mode-button" text="audio">
<IconMusic />
<ActionButton id="audio-mode-button">
<IconMusic /> audio
</ActionButton>
<ActionButton id="mute-mode-button" text="mute">
<IconMute />
<ActionButton id="mute-mode-button">
<IconMute /> mute
</ActionButton>
</Switcher>
<ActionButton id="paste-button" click={pasteClipboard} text="paste">
<ActionButton id="paste-button" click={pasteClipboard}>
<IconClipboard />
<span id="paste-desktop-text">paste</span>
<span id="paste-mobile-text">paste and download</span>
</ActionButton>
</div>
</div>
@@ -155,4 +157,27 @@
#action-container {
justify-content: space-between;
}
#paste-mobile-text {
display: none;
}
@media screen and (max-width: 440px) {
#action-container {
flex-direction: column;
gap: 5px;
}
#action-container :global(.button) {
width: 100%
}
#paste-mobile-text {
display: block;
}
#paste-desktop-text {
display: none;
}
}
</style>