优化ui布局

This commit is contained in:
Zuoling Rong
2025-05-02 04:01:52 +08:00
parent f92f412461
commit 58227f9d53
2 changed files with 34 additions and 7 deletions

View File

@@ -54,7 +54,7 @@
**3. 移动端显示增强**
- ✅ 优化了移动端卡片尺寸,一屏可显示更多网址
- ✅ 图标大小自适应,在小屏幕上更加紧凑从1.8rem减小到1.2-1.5rem
- ✅ 图标大小自适应,在小屏幕上更加紧凑
- ✅ 为不同尺寸移动设备768px、480px、400px提供递进式UI优化
- ✅ 减小卡片内边距和元素间距,增加屏幕利用率
@@ -391,10 +391,10 @@ categories:
description: 网站描述
```
## 贡献
欢迎提交 Issue 和 Pull Request 来帮助改进这个项目。
## 许可证
MIT License
AGPL-3.0 License
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program requires that modified versions must also be made available under the same license when used over a network.

View File

@@ -686,6 +686,8 @@ body.loaded .layout {
overflow: hidden;
max-height: 2.8em;
word-break: break-word;
text-overflow: ellipsis;
width: 100%;
}
/* 添加编辑按钮 */
@@ -1023,6 +1025,21 @@ body.loaded .layout {
margin-bottom: 0.8rem;
}
.site-card h3 {
font-size: 0.95rem;
margin-bottom: 0.4rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.site-card p {
font-size: 0.85rem;
line-height: 1.3;
max-height: 2.6em;
}
/* 在移动端的主题切换按钮 */
.theme-toggle {
bottom: 1rem;
@@ -1067,12 +1084,17 @@ body.loaded .layout {
.site-card h3 {
font-size: 0.9rem;
margin-bottom: 0.3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.site-card p {
font-size: 0.8rem;
-webkit-line-clamp: 2;
max-height: 2.4em;
line-height: 1.2;
}
}
@@ -1100,12 +1122,17 @@ body.loaded .layout {
.site-card h3 {
font-size: 0.85rem;
margin-bottom: 0.25rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.site-card p {
font-size: 0.75rem;
-webkit-line-clamp: 2;
max-height: 2.2em;
max-height: 2.5em;
line-height: 1.15;
}
}