setonc/claude-usage-widget
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweaks to logo

Browse source
This commit is contained in:
Slavomir Durej 2025-12-16 10:48:50 +00:00
parent ce292d6b17
commit 5680558060
4 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/claude-usage-screenshot.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 31 KiB

1
main.js
View file

@ -24,6 +24,7 @@ function createMainWindow() {
alwaysOnTop: true, alwaysOnTop: true,
resizable: false, resizable: false,
skipTaskbar: false, skipTaskbar: false,
icon: path.join(__dirname, 'assets/icon.ico'),
webPreferences: { webPreferences: {
nodeIntegration: false, nodeIntegration: false,
contextIsolation: true, contextIsolation: true,

5
src/renderer/index.html
View file

@ -16,7 +16,10 @@
<div class="widget-container" id="widgetContainer"> <div class="widget-container" id="widgetContainer">
<!-- Title Bar --> <!-- Title Bar -->
<div class="title-bar" id="titleBar"> <div class="title-bar" id="titleBar">
<div class="title">Claude Usage</div> <div class="title">
<img src="../../assets/logo.png" alt="Logo" class="app-logo">
<span>Claude Usage</span>
</div>
<div class="controls"> <div class="controls">
<button class="control-btn settings-btn" id="settingsBtn" title="Settings">⚙️</button> <button class="control-btn settings-btn" id="settingsBtn" title="Settings">⚙️</button>
<button class="control-btn refresh-btn" id="refreshBtn" title="Refresh"> <button class="control-btn refresh-btn" id="refreshBtn" title="Refresh">

13
src/renderer/styles.css
View file

@ -36,6 +36,7 @@ body {
-webkit-app-region: drag; -webkit-app-region: drag;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 8px 12px; padding: 8px 12px;
padding-left: 6px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -49,6 +50,16 @@ body {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
letter-spacing: 0.5px; letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 8px;
}
.app-logo {
width: 19px;
height: 19px;
border-radius: 6px;
opacity: 0.8;
} }
.controls { .controls {
@ -477,4 +488,4 @@ body {
.timer-progress.danger { .timer-progress.danger {
stroke: #ef4444; stroke: #ef4444;
} }