github_mirrors/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2025-02-02 23:28:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve the ux of "Show Desktop" toolbar button

Browse Source
This commit is contained in:
Nariman Jelveh 2024-06-30 23:30:55 -07:00
parent 2f5b9cc4ee
commit 91e9fa7c25
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/UI/UIDesktop.js
View File

@ -986,7 +986,7 @@ async function UIDesktop(options){
// 'show desktop'
if(window.is_fullpage_mode){
ht += `<a href="/" class="show-desktop-btn toolbar-btn antialiased" target="_blank" title="Open Desktop">Open Desktop</a>`;
ht += `<a href="/" class="show-desktop-btn toolbar-btn antialiased" target="_blank" title="Show Desktop">Show Desktop <img src="${window.icons['launch-white.svg']}" style="width: 15px; height: 15px; margin-left: 5px;"></a>`;
}
// refer

2
src/css/style.css
View File

@ -1708,7 +1708,7 @@ label {
border: 1px solid;
border-radius: 4px;
height: 18px !important;
width: 90px !important;
width: 110px !important;
margin-top: 2px;
text-decoration: none;
margin-left: 10px !important;

15
src/icons/launch-white.svg
View File

@ -1,8 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-external-link" width="24" height="24"
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6" />
<path d="M11 13l9 -9" />
<path d="M15 4h5v5" />
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<defs/>
<style>.a{fill:none}.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}</style>
<path fill-rule="evenodd" class="a" d="m0 0h24v24h-24z"/>
<path class="b" d="m12 6h-6q-0.4 0-0.8 0.2-0.3 0.1-0.6 0.4-0.3 0.3-0.4 0.6-0.2 0.4-0.2 0.8v10q0 0.4 0.2 0.8 0.1 0.3 0.4 0.6 0.3 0.3 0.6 0.4 0.4 0.2 0.8 0.2h10q0.4 0 0.8-0.2 0.3-0.1 0.6-0.4 0.3-0.3 0.4-0.6 0.2-0.4 0.2-0.8v-6" style="stroke: rgb(255, 255, 255);"/>
<path class="b" d="m11 13l9-9" style="stroke: rgb(255, 255, 255);"/>
<path class="b" d="m15 4h5v5" style="stroke: rgb(255, 255, 255);"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 733 B