lexton-it/NextWks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): force regenerate templates, pink outline to verify CSS updates

Browse source
This commit is contained in:
Claus Lohmar 2026-06-14 18:00:18 +00:00
parent 9e056ddd4a
commit ed1b196a75
2 changed files with 14 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/core/ui/launcher.templ
View file

@ -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;

2
src/core/ui/launcher_templ.go
View file

@ -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, "<style type=\"text/css\">\n\t\t*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\t\t:root{\n\t\t\t--bg:#0d1117; --surface:#161b22; --surface2:#21262d; --surface3:#30363d;\n\t\t\t--border:#30363d; --text:#e6edf3; --text2:#8b949e; --text3:#6e7681;\n\t\t\t--blue:#58a6ff; --green:#3fb950; --orange:#d2991d; --red:#f85149;\n\t\t\t--purple:#a371f7; --pink:#db61a2; --teal:#39d353;\n\t\t\t--radius:16px; --radius-sm:10px\n\t\t}\n\t\thtml{font-size:15px}\n\t\tbody{\n\t\t\tfont-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;\n\t\t\tbackground:var(--bg); color:var(--text); min-height:100vh; min-height:100dvh;\n\t\t\t-webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none\n\t\t}\n\t\t.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}\n\t\t.topbar{\n\t\t\tdisplay:flex; justify-content:space-between; align-items:center;\n\t\t\tpadding:12px 16px; background:var(--surface); border-bottom:1px solid var(--border);\n\t\t\tposition:sticky; top:0; z-index:100\n\t\t}\n\t\t.topbar-left{display:flex;align-items:center;gap:10px}\n\t\t.logo-icon{\n\t\t\twidth:32px;height:32px;border-radius:8px;background:var(--blue);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:700;font-size:16px;color:#fff\n\t\t}\n\t\t.logo-text{font-weight:600;font-size:18px;color:var(--text)}\n\t\t.topbar-right{display:flex;align-items:center;gap:8px}\n\t\t.icon-btn{\n\t\t\twidth:36px;height:36px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;\n\t\t\ttransition:all 0.15s\n\t\t}\n\t\t.icon-btn:hover{background:var(--surface2);color:var(--text)}\n\t\t.avatar{\n\t\t\twidth:40px;height:40px;border-radius:50%;background:var(--purple);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:600;font-size:15px;color:#fff;flex-shrink:0\n\t\t}\n\t\t.avatar.sm{width:32px;height:32px;font-size:13px}\n\t\t.content{flex:1;padding:24px 16px;max-width:900px;margin:0 auto;width:100%}\n\t\t.greeting{display:flex;align-items:center;gap:12px;margin-bottom:24px}\n\t\t@media(min-width:600px){.greeting{margin-bottom:32px}}\n\t\t.greeting-text h1{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3}\n\t\t.greeting-text p{color:var(--text2);font-size:0.85rem;margin-top:2px}\n\n\t\t/* App Grid */\n\t\t.app-grid{\n\t\t\tdisplay:grid;\n\t\t\tgrid-template-columns:repeat(3,1fr);\n\t\t\tgap:20px 10px; padding:8px 0\n\t\t}\n\t\t@media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr);gap:24px 14px}}\n\t\t@media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr);gap:28px 16px}}\n\n\t\t/* App Card */\n\t\t.app-card{\n\t\t\tdisplay:flex; flex-direction:column; align-items:center; gap:6px;\n\t\t\tcursor:pointer; text-decoration:none; color:inherit; padding:8px 4px;\n\t\t\tborder-radius:12px; transition:all 0.15s; -webkit-tap-highlight-color:transparent\n\t\t}\n\t\t.app-card:active{transform:scale(0.92)}\n\t\t.app-card:hover{background:rgba(255,255,255,0.03)}\n\t\t.app-card .app-icon{\n\t\t\twidth:56px;height:56px;border-radius:14px;\n\t\t\tdisplay:flex;align-items:center;justify-content:center;flex-shrink:0\n\t\t}\n\t\t@media(min-width:600px){.app-card .app-icon{width:64px;height:64px;border-radius:16px}}\n\t\t.app-card .app-icon svg{width:28px;height:28px}\n\t\t@media(min-width:600px){.app-card .app-icon svg{width:32px;height:32px}}\n\t\t.app-card .app-name{\n\t\t\tfont-size:0.72rem;font-weight:400;color:var(--text);text-align:center;\n\t\t\tline-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\n\t\t}\n\t\t@media(min-width:600px){.app-card .app-name{font-size:0.78rem}}\n\t\t.app-card .app-badge{display:none}\n\t\t.app-card.disabled{opacity:0.35;cursor:default}\n\t\t.app-card.disabled:active{transform:none}\n\n\t\t/* Footer */\n\t\t.footer{\n\t\t\ttext-align:center;padding:16px;color:var(--text3);font-size:0.7rem;\n\t\t\tborder-top:1px solid var(--border);margin-top:auto\n\t\t}\n\t</style>")
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, "<style type=\"text/css\">\n\t\t*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\t\t:root{\n\t\t\t--bg:#0d1117; --surface:#161b22; --surface2:#21262d; --surface3:#30363d;\n\t\t\t--border:#30363d; --text:#e6edf3; --text2:#8b949e; --text3:#6e7681;\n\t\t\t--blue:#58a6ff; --green:#3fb950; --orange:#d2991d; --red:#f85149;\n\t\t\t--purple:#a371f7; --pink:#db61a2; --teal:#39d353;\n\t\t\t--radius:16px; --radius-sm:10px\n\t\t}\n\t\thtml{font-size:15px}\n\t\tbody{\n\t\t\tfont-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;\n\t\t\tbackground:var(--bg); color:var(--text); min-height:100vh; min-height:100dvh;\n\t\t\t-webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none\n\t\t}\n\t\t.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}\n\t\t.topbar{\n\t\t\tdisplay:flex; justify-content:space-between; align-items:center;\n\t\t\tpadding:12px 16px; background:var(--surface); border-bottom:1px solid var(--border);\n\t\t\tposition:sticky; top:0; z-index:100\n\t\t}\n\t\t.topbar-left{display:flex;align-items:center;gap:10px}\n\t\t.logo-icon{\n\t\t\twidth:32px;height:32px;border-radius:8px;background:var(--blue);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:700;font-size:16px;color:#fff\n\t\t}\n\t\t.logo-text{font-weight:600;font-size:18px;color:var(--text)}\n\t\t.topbar-right{display:flex;align-items:center;gap:8px}\n\t\t.icon-btn{\n\t\t\twidth:36px;height:36px;border-radius:50%;border:none;background:transparent;\n\t\t\tcolor:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;\n\t\t\ttransition:all 0.15s\n\t\t}\n\t\t.icon-btn:hover{background:var(--surface2);color:var(--text)}\n\t\t.avatar{\n\t\t\twidth:40px;height:40px;border-radius:50%;background:var(--purple);\n\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\tfont-weight:600;font-size:15px;color:#fff;flex-shrink:0\n\t\t}\n\t\t.avatar.sm{width:32px;height:32px;font-size:13px}\n\t\t.content{flex:1;padding:24px 16px;max-width:900px;margin:0 auto;width:100%}\n\t\t.greeting{display:flex;align-items:center;gap:12px;margin-bottom:24px}\n\t\t@media(min-width:600px){.greeting{margin-bottom:32px}}\n\t\t.greeting-text h1{font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.3}\n\t\t.greeting-text p{color:var(--text2);font-size:0.85rem;margin-top:2px}\n\n\t\t/* App Grid — RADICAL REDESIGN */\n\t\t.app-grid{\n\t\t\tdisplay:grid;\n\t\t\tgrid-template-columns:repeat(3,1fr);\n\t\t\tgap:0px; padding:0;\n\t\t}\n\t\t@media(min-width:600px){.app-grid{grid-template-columns:repeat(4,1fr)}}\n\t\t@media(min-width:900px){.app-grid{grid-template-columns:repeat(6,1fr)}}\n\n\t\t.app-card{\n\t\t\tdisplay:flex; flex-direction:column; align-items:center; gap:4px;\n\t\t\tcursor:pointer; text-decoration:none; color:inherit; padding:12px 6px;\n\t\t\tborder-radius:16px; transition:all 0.15s; border:none; background:none\n\t\t}\n\t\t.app-card:active{transform:scale(0.9)}\n\t\t.app-card .app-icon{\n\t\t\twidth:56px;height:56px;border-radius:14px;\n\t\t\tdisplay:flex;align-items:center;justify-content:center;flex-shrink:0\n\t\t}\n\t\t.app-card .app-icon svg{width:28px;height:28px}\n\t\t.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}\n\t\t.app-card .app-badge{display:none}\n\t\t.app-card.disabled{opacity:0.3;cursor:default}\n\t\t.app-card.disabled:active{transform:none}\n\n\t\t/* RADICAL: hot pink border on every card to verify CSS updates */\n\t\t.app-card .app-icon{outline:2px solid #ff1493}\n\n\t\t/* Footer */\n\t\t.footer{\n\t\t\ttext-align:center;padding:16px;color:var(--text3);font-size:0.7rem;\n\t\t\tborder-top:1px solid var(--border);margin-top:auto\n\t\t}\n\t</style>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}