diff --git a/src/app.css b/src/app.css
index 39862a70..62026ad4 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1100,10 +1100,16 @@ body:has(.status-deck) .media-post-link {
line-height: 1;
padding: 8px 16px !important;
transition: all 0.1s ease-in-out;
+ text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- text-decoration: none;
+}
+.szh-menu .szh-menu__item span {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 1.05;
}
.szh-menu .szh-menu__item * {
vertical-align: middle;
@@ -1141,6 +1147,22 @@ body:has(.status-deck) .media-post-link {
text-overflow: ellipsis;
overflow: hidden;
}
+.szh-menu .menu-double-lines {
+ white-space: normal;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+.szh-menu .menu-double-lines span {
+ white-space: normal;
+}
+.szh-menu .menu-horizontal {
+ display: flex;
+}
+.szh-menu .menu-horizontal .szh-menu__item {
+ flex: 1;
+}
.szh-menu .szh-menu__item .menu-shortcut {
opacity: 0.5;
font-weight: normal;
diff --git a/src/components/icon.jsx b/src/components/icon.jsx
index 805823d9..afaa5f9b 100644
--- a/src/components/icon.jsx
+++ b/src/components/icon.jsx
@@ -68,7 +68,14 @@ const ICONS = {
const modules = import.meta.glob('/node_modules/@iconify-icons/mingcute/*.js');
-function Icon({ icon, size = 'm', alt, title, class: className = '' }) {
+function Icon({
+ icon,
+ size = 'm',
+ alt,
+ title,
+ class: className = '',
+ style = {},
+}) {
if (!icon) return null;
const iconSize = SIZES[size];
@@ -97,6 +104,7 @@ function Icon({ icon, size = 'm', alt, title, class: className = '' }) {
display: 'inline-block',
overflow: 'hidden',
lineHeight: 0,
+ ...style,
}}
>
{iconData && (
diff --git a/src/components/status.jsx b/src/components/status.jsx
index a6ad82a5..b85c91e5 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -373,7 +373,7 @@ function Status({