ngfchl/tg-spam-guard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep dashboard panels above composer

Browse Source
This commit is contained in:
ngfchl
2026-07-07 15:23:21 +08:00
parent a979ab3ea5
commit f157b47678
4 changed files with 345 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/src/style.css
+14
View File
@@ -286,3 +286,17 @@ body { background: #f3f6fb; }
.chat-item.spam .chat-loading-mask { background: rgba(255,247,247,.78); color: #991b1b; }
.mini-spinner { width: 15px; height: 15px; border-radius: 999px; border: 2px solid currentColor; border-right-color: transparent; animation: mini-spin .7s linear infinite; }
@keyframes mini-spin { to { transform: rotate(360deg); } }
/* Keep dashboard panels above the floating composer */
.main-grid { height: calc(100vh - 330px); max-height: calc(100vh - 330px); min-height: 360px; padding-bottom: 0; overflow: hidden; }
.main-grid .panel { height: 100%; min-height: 0; overflow: hidden; }
.main-grid .panel .s-card__content { height: calc(100% - 56px); min-height: 0; overflow: hidden; }
.main-grid .scroll-area, .main-grid .log-window { height: 100%; max-height: 100%; overflow-y: auto; padding-bottom: 8px; }
@media (max-width: 1100px) {
.main-grid { height: calc(100vh - 390px); max-height: none; min-height: 360px; padding-bottom: 78px; }
}
@media (max-width: 720px) {
.main-grid { height: auto; max-height: none; padding-bottom: 82px; }
.main-grid .panel { height: 38vh; min-height: 280px; }
}
web/static/assets/index-DpTM7qAZ.js
+328
View File
File diff suppressed because one or more lines are too long
web/static/assets/index-uKj_bMAC.css
+1
View File
File diff suppressed because one or more lines are too long
web/static/index.html
+2 -2
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/static/icon.svg" />
<title>TG Spam Guard</title>
<script type="module" crossorigin src="/static/assets/index-DezWyZkY.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-qfZfu3aR.css">
<script type="module" crossorigin src="/static/assets/index-DpTM7qAZ.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-uKj_bMAC.css">
</head>
<body>
<div id="app"></div>