BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-08 16:39:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: improve toolbar and Ralph panel mini ring

Browse Source 
- Better center 100% text in mini progress ring
- Make case selector auto-width with min/max constraints
- Reduce folder path max-width to 250px
- Match Run Claude button color to Claudeman header color

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-20 20:04:43 +01:00
co-authored by Claude Opus 4.5
parent 141bb40eb4
commit 4d689a7f26
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+8 -4
View File
@@ -518,12 +518,14 @@ body {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-size: 0.45rem; font-size: 0.4rem;
font-weight: 700; font-weight: 700;
background: linear-gradient(135deg, #3b82f6, #22c55e); background: linear-gradient(135deg, #3b82f6, #22c55e);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
line-height: 1;
text-align: center;
} }
/* Summary Info */ /* Summary Info */
@@ -1089,7 +1091,7 @@ body {
.btn-toolbar.btn-claude { .btn-toolbar.btn-claude {
background: linear-gradient(135deg, #1e3a5f 0%, #3d2a5c 100%); background: linear-gradient(135deg, #1e3a5f 0%, #3d2a5c 100%);
border-color: #2d4a6f; border-color: #2d4a6f;
color: #a8c4e8; color: var(--accent-hover);
font-weight: 500; font-weight: 500;
padding: 0.4rem 0.85rem; padding: 0.4rem 0.85rem;
} }
@@ -1185,7 +1187,9 @@ body {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 0.4rem center; background-position: right 0.4rem center;
max-width: 180px; width: auto;
min-width: 60px;
max-width: 150px;
} }
.toolbar-select:hover { .toolbar-select:hover {
@@ -1314,7 +1318,7 @@ body {
} }
#dirDisplay { #dirDisplay {
max-width: 450px; max-width: 250px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;