diff --git a/README.md b/README.md index 1a0d6b1..24120fd 100644 --- a/README.md +++ b/README.md @@ -249,6 +249,20 @@ A: 检查CDN资源是否正常加载,可考虑本地化CSS/JS文件。 本项目采用 MIT 协议开源,详见 [LICENSE](LICENSE) 文件。 +## 📝 更新日志 + +### 2025-07-09 +- ✨ 优化后台管理界面显示 + - 改进表格布局,添加横向滚动支持 + - 优化长文本内容显示 + - 设置合理的列宽 + - 普通列:最小宽度100px + - URL列:最小宽度200px,最大宽度300px + - 描述列:最小宽度300px,最大宽度500px + - 支持描述文本自动换行 + - 完整显示URL链接 + - 优化按钮布局和样式 + ## 🙏 致谢 - 感谢所有为开源社区做出贡献的开发者 diff --git a/admin/index.php b/admin/index.php index 4c45e0d..cce679b 100644 --- a/admin/index.php +++ b/admin/index.php @@ -305,12 +305,14 @@ $total_pages = ceil($total / $limit); background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); - overflow: hidden; + overflow-x: auto; + width: 100%; } .table { width: 100%; border-collapse: collapse; + white-space: nowrap; } .table th, @@ -318,12 +320,18 @@ $total_pages = ceil($total / $limit); padding: 15px; text-align: left; border-bottom: 1px solid #e2e8f0; + min-width: 100px; } .table th { background: #f8fafc; font-weight: 600; color: #374151; + white-space: nowrap; + } + + .table td { + font-size: 14px; } .table tr:hover { @@ -355,22 +363,38 @@ $total_pages = ceil($total / $limit); .action-buttons { display: flex; gap: 5px; + white-space: nowrap; } .btn-sm { padding: 4px 8px; font-size: 12px; + display: inline-flex; + align-items: center; + gap: 4px; } - + + .btn-sm i { + font-size: 12px; + } + .btn-success { background: #10b981; color: white; } - - .btn-warning { - background: #f59e0b; + + .btn-success:hover { + background: #059669; + } + + .btn-danger { + background: #ef4444; color: white; } + + .btn-danger:hover { + background: #dc2626; + } .pagination { display: flex; @@ -485,6 +509,63 @@ $total_pages = ceil($total / $limit); display: none; } + .app-icon { + width: 40px; + height: 40px; + border-radius: 8px; + object-fit: cover; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + transition: transform 0.2s; + } + + .app-icon:hover { + transform: scale(1.1); + } + + .truncate { + max-width: 250px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + cursor: help; + } + + .description-cell { + min-width: 300px; + max-width: 500px; + } + + .description-content { + white-space: normal; + word-break: break-word; + } + + .url-cell { + min-width: 200px; + max-width: 300px; + } + + .url-link { + color: #3b82f6; + text-decoration: none; + } + + .url-link:hover { + color: #2563eb; + text-decoration: underline; + } + + .platform-badge { + display: inline-block; + padding: 4px 8px; + border-radius: 4px; + background: #e5e7eb; + color: #374151; + font-size: 12px; + margin: 2px; + } + @media (max-width: 768px) { .header-content { flex-direction: column; @@ -611,6 +692,10 @@ $total_pages = ceil($total / $limit); 应用名称 平台 版本 + 图标 + 下载链接 + 官网/落地页 + 应用描述 收录平台 联系方式 @@ -634,6 +719,42 @@ $total_pages = ceil($total / $limit); + + + + 图标 + + + 无图标 + + + + + + + + + 无下载链接 + + + + + + + + + 无官网 + + + + +
+ +
+ + 无描述 + + @@ -654,16 +775,16 @@ $total_pages = ceil($total / $limit);