forust/telegram-scraper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

feat: polish multi-account dashboard and viewer

Browse Source
This commit is contained in:
mr-forust
2026-06-27 21:47:45 +02:00
parent ff1ca13a03
commit 23bb370836
5 changed files with 550 additions and 457 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/style.css
+30 -15
View File
@@ -17,8 +17,8 @@
--info: #8ec7ff;
--radius: 18px;
--shadow: none;
--font-ui: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
--font-ui: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
--font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}
* {
@@ -129,7 +129,10 @@ input,
min-height: 42px;
padding: 9px 13px;
cursor: pointer;
transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
transform 0.18s ease;
}
.nav-link.active,
@@ -301,7 +304,7 @@ input:focus {
}
.switch-slider::before {
content: "";
content: '';
position: absolute;
top: 4px;
left: 4px;
@@ -309,7 +312,9 @@ input:focus {
height: 16px;
background: var(--dim);
border-radius: 50%;
transition: transform 0.16s ease, background-color 0.16s ease;
transition:
transform 0.16s ease,
background-color 0.16s ease;
}
.switch input:checked + .switch-slider {
@@ -628,9 +633,12 @@ tbody tr:hover {
overflow: hidden;
background:
radial-gradient(circle at 20px 20px, rgba(255, 255, 255, 0.025) 1px, transparent 1.5px),
radial-gradient(circle at 58px 54px, rgba(255, 255, 255, 0.018) 1px, transparent 1.5px),
#000;
background-size: auto, 84px 84px, 84px 84px, auto;
radial-gradient(circle at 58px 54px, rgba(255, 255, 255, 0.018) 1px, transparent 1.5px), #000;
background-size:
auto,
84px 84px,
84px 84px,
auto;
}
.viewer-header {
@@ -659,7 +667,7 @@ tbody tr:hover {
flex-wrap: wrap;
}
.viewer-tools input[type="search"] {
.viewer-tools input[type='search'] {
min-width: min(260px, 40vw);
}
@@ -705,7 +713,7 @@ tbody tr:hover {
.chat-date-sep::before,
.chat-date-sep::after {
content: "";
content: '';
flex: 1;
height: 1px;
background: #242424;
@@ -750,7 +758,7 @@ tbody tr:hover {
}
.chat-bubble::before {
content: "";
content: '';
position: absolute;
top: 8px;
border: 6px solid transparent;
@@ -779,8 +787,13 @@ tbody tr:hover {
}
@keyframes chat-highlight {
0%, 100% { box-shadow: 0 0 0 0 rgba(139, 180, 248, 0); }
50% { box-shadow: 0 0 0 3px rgba(139, 180, 248, 0.4); }
0%,
100% {
box-shadow: 0 0 0 0 rgba(139, 180, 248, 0);
}
50% {
box-shadow: 0 0 0 3px rgba(139, 180, 248, 0.4);
}
}
/* ---------- Sender ---------- */
@@ -912,7 +925,9 @@ tbody tr:hover {
background: #111;
color: var(--text-color);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.36);
transition: opacity 0.2s ease, transform 0.2s ease;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
.toast-success {
@@ -1151,7 +1166,7 @@ tbody tr:hover {
}
.viewer-sidebar.open::before {
content: "";
content: '';
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);