nate/hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Home: header with date and quick actions, compact app launcher, two-column cards on wide screens, apps first on phones
build-container / build (push) Successful in 20m46s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-22 13:11:46 -04:00
1 parent 924a024b0b
commit 89fd595809
2 files changed
+36 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/style.css
+26
View File
@@ -708,3 +708,29 @@ body.nav-mini .ngrp span { display: none; }
.vpick{padding:0;min-height:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--panel2);cursor:pointer;line-height:0}
.vpick.on{border-color:var(--accent)}
.vpick img{width:100%;height:auto;display:block}
/* Home: header with the quick actions beside it, today's cards in two columns on wide screens, apps as a compact launcher */
.homehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.homehead h1 { margin: 0; }
.homehead .sub { margin: 2px 0 0; }
.homeact { display: flex; gap: 8px; flex-wrap: wrap; }
.homeact .btn { margin: 0; }
.home .searchbar { margin: 14px 0 4px; }
.homecols { display: grid; grid-template-columns: 1fr; gap: 0 24px; align-items: start; }
.hcol:empty, .hcol > :empty { display: none; }
.home .homeapps h2:first-child { margin-top: 24px; }
.home .tile { flex-direction: row; align-items: center; gap: 12px; min-height: 0; padding: 12px 14px; border-radius: 14px; }
.home .tile .ic { flex: none; width: 36px; height: 36px; border-radius: 10px; }
.home .tile b, .home .tile small { display: block; line-height: 1.25; }
.home .tile small { font-size: 12px; word-break: normal; overflow-wrap: anywhere; }
@media (min-width: 1024px) {
.homecols { grid-template-columns: 1.2fr 1fr; }
.home .grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
}
@media (max-width: 560px) { .homeact .btn small { display: none; } }
@media (max-width: 767px) { /* phone: the compact app launcher comes before the cards (the bottom tabs reach the same places) */
.home { display: flex; flex-direction: column; }
.homecols { order: 5; }
.homeapps { order: 4; }
.homeapps h2:first-child { margin-top: 18px; }
}