shawn/hermes-command-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Widen mobile panels 72% → 88%, stretch profile tabs horizontally

Browse Source 
- Mobile panel max-width: 72% → 88% (6% margins each side)
- Profile tabs: flex:1 with justify-content:center, fill available width
- Cache buster style.css v=13 → v=14
This commit is contained in:
Shawn
2026-06-02 17:53:12 -04:00
parent 5839bc47ce
commit 147c2eb30d
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+1 -1
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#0d1117"> <meta name="theme-color" content="#0d1117">
<title>Hermes Command Center</title> <title>Hermes Command Center</title>
<link rel="stylesheet" href="/static/style.css?v=13"> <link rel="stylesheet" href="/static/style.css?v=14">
</head> </head>
<body> <body>
<div id="app"> <div id="app">
static/style.css
+7 -4
View File
@@ -64,14 +64,15 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
.chat-profile-tabs { .chat-profile-tabs {
display: flex; display: flex;
gap: 4px; gap: 4px;
flex-wrap: wrap; flex: 1;
} }
.chat-profile-tab { .chat-profile-tab {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; justify-content: center;
padding: 5px 12px; gap: 5px;
padding: 5px 8px;
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 16px; border-radius: 16px;
background: transparent; background: transparent;
@@ -80,6 +81,8 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
cursor: pointer; cursor: pointer;
transition: all 0.15s; transition: all 0.15s;
white-space: nowrap; white-space: nowrap;
flex: 1;
min-width: 0;
} }
.chat-profile-tab:hover { .chat-profile-tab:hover {
@@ -1333,7 +1336,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
/* All panels on mobile: centered via grid parent */ /* All panels on mobile: centered via grid parent */
.panel { .panel {
width: 100%; width: 100%;
max-width: 72%; max-width: 88%;
margin: 0 0 12px; margin: 0 0 12px;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;