Jannik/TokenWatch
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 5h/7d Badge-Label auf Provider-Logo-Icons
Build and Push Docker Image / build-and-push (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
Jannik committed 2026-09-06 01:04:26 +02:00
1 parent 2946d0d789
commit b47b1750a2
2 files changed
+51 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/index.html
+28 -7
View File
@@ -39,7 +39,9 @@
<div class="provider-row" id="row-poe">
<div class="provider-main">
<div class="provider-info">
<img src="logo-poe.png" alt="POE" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-poe.png" alt="POE" class="provider-icon-img">
</div>
<span class="provider-name">POE</span>
</div>
<div class="progress-container">
@@ -58,7 +60,10 @@
<div class="provider-row" id="row-ag-gemini-5h">
<div class="provider-main">
<div class="provider-info">
<img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
<span class="provider-icon-badge">5h</span>
</div>
<span class="provider-name">AG Gemini (5h)</span>
</div>
<div class="progress-container">
@@ -77,7 +82,10 @@
<div class="provider-row" id="row-ag-gemini-weekly">
<div class="provider-main">
<div class="provider-info">
<img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-gemini.png" alt="Gemini" class="provider-icon-img">
<span class="provider-icon-badge">7d</span>
</div>
<span class="provider-name">AG Gemini (Weekly)</span>
</div>
<div class="progress-container">
@@ -96,7 +104,10 @@
<div class="provider-row" id="row-ag-claude-5h">
<div class="provider-main">
<div class="provider-info">
<img src="logo-claude.png" alt="Claude" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-claude.png" alt="Claude" class="provider-icon-img">
<span class="provider-icon-badge">5h</span>
</div>
<span class="provider-name">AG Claude (5h)</span>
</div>
<div class="progress-container">
@@ -115,7 +126,10 @@
<div class="provider-row" id="row-ag-claude-weekly">
<div class="provider-main">
<div class="provider-info">
<img src="logo-claude.png" alt="Claude" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-claude.png" alt="Claude" class="provider-icon-img">
<span class="provider-icon-badge">7d</span>
</div>
<span class="provider-name">AG Claude (Weekly)</span>
</div>
<div class="progress-container">
@@ -134,7 +148,10 @@
<div class="provider-row" id="row-minimax-5h">
<div class="provider-main">
<div class="provider-info">
<img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
<span class="provider-icon-badge">5h</span>
</div>
<span class="provider-name">MiniMax (5h)</span>
</div>
<div class="progress-container">
@@ -153,7 +170,10 @@
<div class="provider-row" id="row-minimax-weekly">
<div class="provider-main">
<div class="provider-info">
<img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
<div class="provider-icon-wrap">
<img src="logo-minimax.png" alt="MiniMax" class="provider-icon-img">
<span class="provider-icon-badge">7d</span>
</div>
<span class="provider-name">MiniMax (Weekly)</span>
</div>
<div class="progress-container">
@@ -168,6 +188,7 @@
</div>
<div class="provider-details" id="details-minimax-weekly"></div>
</div>
</section>
public/style.css
+23
View File
@@ -130,6 +130,29 @@ header p {
flex-shrink: 0;
}
.provider-icon-wrap {
position: relative;
flex-shrink: 0;
width: 28px;
height: 28px;
}
.provider-icon-badge {
position: absolute;
bottom: -4px;
right: -6px;
background: #30363d;
color: #c9d1d9;
font-size: 9px;
font-weight: 700;
line-height: 1;
padding: 2px 3px;
border-radius: 3px;
border: 1px solid #444c56;
pointer-events: none;
white-space: nowrap;
}
.provider-name {
font-weight: 600;
font-size: 1.1em;