diff --git a/src/app.css b/src/app.css index 63e05686..96d7bbe8 100644 --- a/src/app.css +++ b/src/app.css @@ -72,7 +72,6 @@ a.mention span { .deck header { min-height: 3em; - padding: 0 8px; position: sticky; top: 0; background-color: var(--bg-blur-color); diff --git a/src/components/icon.jsx b/src/components/icon.jsx index b16af646..7693aea8 100644 --- a/src/components/icon.jsx +++ b/src/components/icon.jsx @@ -41,6 +41,7 @@ const ICONS = { popout: 'mingcute:external-link-line', popin: ['mingcute:external-link-line', '180deg'], plus: 'mingcute:add-circle-line', + 'chevron-left': 'mingcute:left-line', }; function Icon({ icon, size = 'm', alt, title, class: className = '' }) { diff --git a/src/components/loader.css b/src/components/loader.css index 71933a27..09f827b7 100644 --- a/src/components/loader.css +++ b/src/components/loader.css @@ -3,8 +3,9 @@ width: 16px; height: 16px; pointer-events: none; - animation: slow-appear .3s ease-in-out 1s both; + animation: slow-appear 0.3s ease-in-out 1s both; vertical-align: middle; + margin: 8px; } @keyframes slow-appear { 0% { @@ -40,4 +41,4 @@ } .loader-container.hidden .loader { animation: none; -} \ No newline at end of file +} diff --git a/src/pages/status.jsx b/src/pages/status.jsx index cee847ff..b9d73661 100644 --- a/src/pages/status.jsx +++ b/src/pages/status.jsx @@ -167,12 +167,14 @@ function StatusPage({ id }) { }`} >
+
+ + + +

Status