granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Unify page styling in gw-events database pages

Browse source
This commit is contained in:
Justin Edmund 2025-12-18 00:52:15 -08:00
parent 77cb109dd2
commit 9f377d5d01
4 changed files with 17 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/(app)/database/gw-events/+page.svelte
View file

@ -141,7 +141,7 @@
@use '$src/themes/typography' as typography; @use '$src/themes/typography' as typography;
.page { .page {
padding: spacing.$unit-2x 0; padding: 0;
margin: 0 auto; margin: 0 auto;
} }

6
src/routes/(app)/database/gw-events/[id]/+page.svelte
View file

@ -118,14 +118,16 @@
<style lang="scss"> <style lang="scss">
@use '$src/themes/colors' as colors; @use '$src/themes/colors' as colors;
@use '$src/themes/effects' as effects;
@use '$src/themes/layout' as layout; @use '$src/themes/layout' as layout;
@use '$src/themes/spacing' as spacing; @use '$src/themes/spacing' as spacing;
@use '$src/themes/typography' as typography; @use '$src/themes/typography' as typography;
.page { .page {
background: white; background: white;
border-radius: layout.$card-corner; border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: layout.$page-corner;
box-shadow: effects.$page-elevation;
} }
.loading-state, .loading-state,

17
src/routes/(app)/database/gw-events/[id]/edit/+page.svelte
View file

@ -67,9 +67,7 @@
// Validation // Validation
const canSave = $derived( const canSave = $derived(
editData.eventNumber > 0 && editData.eventNumber > 0 && editData.startDate !== '' && editData.endDate !== ''
editData.startDate !== '' &&
editData.endDate !== ''
) )
// Save changes // Save changes
@ -116,12 +114,7 @@
<Button variant="secondary" size="small" onclick={handleCancel}>Cancel</Button> <Button variant="secondary" size="small" onclick={handleCancel}>Cancel</Button>
{/snippet} {/snippet}
{#snippet rightAccessory()} {#snippet rightAccessory()}
<Button <Button variant="primary" size="small" onclick={handleSave} disabled={!canSave || isSaving}>
variant="primary"
size="small"
onclick={handleSave}
disabled={!canSave || isSaving}
>
{isSaving ? 'Saving...' : 'Save'} {isSaving ? 'Saving...' : 'Save'}
</Button> </Button>
{/snippet} {/snippet}
@ -175,14 +168,16 @@
<style lang="scss"> <style lang="scss">
@use '$src/themes/colors' as colors; @use '$src/themes/colors' as colors;
@use '$src/themes/effects' as effects;
@use '$src/themes/layout' as layout; @use '$src/themes/layout' as layout;
@use '$src/themes/spacing' as spacing; @use '$src/themes/spacing' as spacing;
@use '$src/themes/typography' as typography; @use '$src/themes/typography' as typography;
.page { .page {
background: white; background: white;
border-radius: layout.$card-corner; border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: layout.$page-corner;
box-shadow: effects.$page-elevation;
} }
.loading-state { .loading-state {

20
src/routes/(app)/database/gw-events/new/+page.svelte
View file

@ -109,32 +109,24 @@
type="select" type="select"
options={elementOptions} options={elementOptions}
/> />
<DetailItem <DetailItem label="Start date" bind:value={editData.startDate} editable={true} type="date" />
label="Start date" <DetailItem label="End date" bind:value={editData.endDate} editable={true} type="date" />
bind:value={editData.startDate}
editable={true}
type="date"
/>
<DetailItem
label="End date"
bind:value={editData.endDate}
editable={true}
type="date"
/>
</DetailsContainer> </DetailsContainer>
</section> </section>
</div> </div>
<style lang="scss"> <style lang="scss">
@use '$src/themes/colors' as colors; @use '$src/themes/colors' as colors;
@use '$src/themes/effects' as effects;
@use '$src/themes/layout' as layout; @use '$src/themes/layout' as layout;
@use '$src/themes/spacing' as spacing; @use '$src/themes/spacing' as spacing;
@use '$src/themes/typography' as typography; @use '$src/themes/typography' as typography;
.page { .page {
background: white; background: white;
border-radius: layout.$card-corner; border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: layout.$page-corner;
box-shadow: effects.$page-elevation;
} }
.error-banner { .error-banner {