diff --git a/src/app.css b/src/app.css index a6c7f4e..9af5af0 100644 --- a/src/app.css +++ b/src/app.css @@ -1059,6 +1059,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) { .ui-state { padding: 16px; text-align: center; + + .icon { + vertical-align: middle; + } } .status-carousel-link { diff --git a/src/components/shortcuts-settings.jsx b/src/components/shortcuts-settings.jsx index deb64c9..a2f1bdd 100644 --- a/src/components/shortcuts-settings.jsx +++ b/src/components/shortcuts-settings.jsx @@ -279,92 +279,93 @@ function ShortcutsSettings({ onClose }) { })} {shortcuts.length > 0 ? ( -
    - {shortcuts.filter(Boolean).map((shortcut, i) => { - // const key = i + Object.values(shortcut); - const key = Object.values(shortcut).join('-'); - const { type } = shortcut; - if (!SHORTCUTS_META[type]) return null; - let { icon, title, subtitle, excludeViewMode } = - SHORTCUTS_META[type]; - if (typeof title === 'function') { - title = title(shortcut, i); - } - if (typeof subtitle === 'function') { - subtitle = subtitle(shortcut, i); - } - if (typeof icon === 'function') { - icon = icon(shortcut, i); - } - if (typeof excludeViewMode === 'function') { - excludeViewMode = excludeViewMode(shortcut, i); - } - const excludedViewMode = excludeViewMode?.includes( - snapStates.settings.shortcutsViewMode, - ); - return ( -
  1. - - - {title} - {subtitle && ( - <> - {' '} - {subtitle} - - )} - {excludedViewMode && ( - - Not available in current view mode - - )} - - - - - - {/* + + + {/* */} - -
  2. - ); - })} -
+ + + ); + })} + + {shortcuts.length === 1 && + snapStates.settings.shortcutsViewMode !== 'float-button' && ( +
+ {' '} + + Add more than one shortcut/column to make this work. + +
+ )} + ) : (

No shortcuts yet. Tap on the Add shortcut button.