gsadmin/pad
1
0
Fork 0
mirror of https://github.com/PerpetualSoftware/pad.git synced 2026-10-03 20:20:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: align Starred page layout with sibling pages (BUG-579) (#129)

Browse Source 
The Starred page used hardcoded layout values (max-width: 800px,
asymmetric padding, vertically-stacked header, smaller h1) while
every other workspace page uses the shared design tokens. Swap to
the canonical pattern from activity/+page.svelte so the page feels
consistent with Activity, Conventions, Settings, etc.

- max-width: 800px -> var(--content-max-width) (960px)
- padding: var(--space-6) var(--space-6) var(--space-12) -> var(--space-8) var(--space-6)
- .page-header: flex row with justify-content: space-between
- .header-top renamed to .page-header-left; redundant margin-bottom removed
- h1 font-size: 1.5em -> 1.6em
This commit is contained in:
xarmian
2026-04-16 14:03:49 -04:00
committed by GitHub
parent bf7901ab29
commit fb56ada1cd
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/[username]/[workspace]/starred/+page.svelte
+10 -6
View File
@@ -93,7 +93,7 @@
<div class="starred-page">
<div class="page-header">
<div class="header-top">
<div class="page-header-left">
<h1>⭐ Starred</h1>
<span class="item-count">{items.length} item{items.length !== 1 ? 's' : ''}</span>
</div>
@@ -141,24 +141,28 @@
<style>
.starred-page {
max-width: 800px;
max-width: var(--content-max-width);
margin: 0 auto;
padding: var(--space-6) var(--space-6) var(--space-12);
padding: var(--space-8) var(--space-6);
}
.page-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
margin-bottom: var(--space-6);
flex-wrap: wrap;
}
.header-top {
.page-header-left {
display: flex;
align-items: baseline;
gap: var(--space-3);
margin-bottom: var(--space-3);
}
.page-header h1 {
font-size: 1.5em;
font-size: 1.6em;
font-weight: 700;
color: var(--text-primary);
margin: 0;