diff --git a/public/assets/desktop/desktop.css b/public/assets/desktop/desktop.css index bc3db4c5..03fae66b 100644 --- a/public/assets/desktop/desktop.css +++ b/public/assets/desktop/desktop.css @@ -122,7 +122,7 @@ h1 { display: flex; flex-direction: column; align-items: center; - width: 96px; + width: 132px; padding: 12px 10px; border: 1px solid transparent; border-radius: 16px; @@ -173,7 +173,9 @@ h1 { line-height: 1.25; text-align: center; white-space: normal; - overflow-wrap: anywhere; + overflow-wrap: normal; + word-break: normal; + hyphens: none; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.22); transition: color 140ms ease, text-shadow 140ms ease; } diff --git a/public/assets/desktop/desktop.js b/public/assets/desktop/desktop.js index 44ee4fef..b1c30572 100644 --- a/public/assets/desktop/desktop.js +++ b/public/assets/desktop/desktop.js @@ -349,7 +349,7 @@ if (payloadNode) { : new DOMRect(0, 0, window.innerWidth, window.innerHeight); const getIconMetrics = () => ({ - width: 112, + width: 148, height: 108, marginX: 18, marginY: 18, diff --git a/public/assets/desktop/skins/apple/skin.css b/public/assets/desktop/skins/apple/skin.css index 4f2de2b4..b6e0dbd9 100644 --- a/public/assets/desktop/skins/apple/skin.css +++ b/public/assets/desktop/skins/apple/skin.css @@ -197,7 +197,7 @@ body[data-skin="apple"] .widget-card { } body[data-skin="apple"] .desktop-icon { - width: 88px; + width: 124px; background: transparent; } diff --git a/public/assets/desktop/skins/linux/skin.css b/public/assets/desktop/skins/linux/skin.css index 99753e66..741d5833 100644 --- a/public/assets/desktop/skins/linux/skin.css +++ b/public/assets/desktop/skins/linux/skin.css @@ -211,7 +211,7 @@ body[data-skin="linux"] .widget-card p { } body[data-skin="linux"] .desktop-icon { - width: 88px; + width: 124px; padding: 10px 8px; background: transparent; }