diff --git a/src/core/ui/launcher.templ b/src/core/ui/launcher.templ
index 45a85b9..6d90811 100644
--- a/src/core/ui/launcher.templ
+++ b/src/core/ui/launcher.templ
@@ -121,39 +121,34 @@ templ workspaceCSS() {
.greeting-text h1{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3}
.greeting-text p{color:var(--text2);font-size:0.85rem;margin-top:2px}
- /* App Grid */
+ /* App Grid — RADICAL REDESIGN */
.app-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
- gap:20px 10px; padding:8px 0
+ gap:0px; padding:0;
}
- @media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr);gap:24px 14px}}
- @media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr);gap:28px 16px}}
+ @media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr)}}
+ @media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr)}}
- /* App Card */
.app-card{
- display:flex; flex-direction:column; align-items:center; gap:6px;
- cursor:pointer; text-decoration:none; color:inherit; padding:8px 4px;
- border-radius:12px; transition:all 0.15s; -webkit-tap-highlight-color:transparent
+ display:flex; flex-direction:column; align-items:center; gap:4px;
+ cursor:pointer; text-decoration:none; color:inherit; padding:12px 6px;
+ border-radius:16px; transition:all 0.15s; border:none; background:none
}
- .app-card:active{transform:scale(0.92)}
- .app-card:hover{background:rgba(255,255,255,0.03)}
+ .app-card:active{transform:scale(0.9)}
.app-card .app-icon{
width:56px;height:56px;border-radius:14px;
display:flex;align-items:center;justify-content:center;flex-shrink:0
}
- @media(min-width:600px){.app-card .app-icon{width:64px;height:64px;border-radius:16px}}
.app-card .app-icon svg{width:28px;height:28px}
- @media(min-width:600px){.app-card .app-icon svg{width:32px;height:32px}}
- .app-card .app-name{
- font-size:0.72rem;font-weight:400;color:var(--text);text-align:center;
- line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
- }
- @media(min-width:600px){.app-card .app-name{font-size:0.78rem}}
+ .app-card .app-name{font-size:0.72rem;font-weight:400;color:var(--text);text-align:center;line-height:1.2;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-card .app-badge{display:none}
- .app-card.disabled{opacity:0.35;cursor:default}
+ .app-card.disabled{opacity:0.3;cursor:default}
.app-card.disabled:active{transform:none}
+ /* RADICAL: hot pink border on every card to verify CSS updates */
+ .app-card .app-icon{outline:2px solid #ff1493}
+
/* Footer */
.footer{
text-align:center;padding:16px;color:var(--text3);font-size:0.7rem;
diff --git a/src/core/ui/launcher_templ.go b/src/core/ui/launcher_templ.go
index 46a30ab..9c9dbdc 100644
--- a/src/core/ui/launcher_templ.go
+++ b/src/core/ui/launcher_templ.go
@@ -211,7 +211,7 @@ func workspaceCSS() templ.Component {
templ_7745c5c3_Var9 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
- templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, "")
+ templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, "")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}