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 }