alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor DateRangeCollapse component layout and improve styling

Browse Source
This commit is contained in:
Sean Morley
2025-05-09 23:27:53 -04:00
parent 07c0c36ab8
commit c6177c5a05
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/lib/components/DateRangeCollapse.svelte
View File

@@ -112,16 +112,16 @@
<div class="collapse-title text-xl font-semibold">
{$t('adventures.date_information')}
</div>
<div class="collapse-content space-y-6">
<div class="collapse-content">
<!-- Timezone Selector -->
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<TimezoneSelector bind:selectedTimezone />
</div>
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"></div>
<div class="rounded-xl border border-base-300 bg-base-100 p-4 space-y-4 shadow-sm">
<div class="rounded-xl border border-base-300 bg-base-100 p-4 space-y-4 shadow-sm mb-4">
<!-- Group Header -->
<h3 class="text-md font-semibold">{$t('navbar.settings')}</h3>
<TimezoneSelector bind:selectedTimezone />
<!-- All Day Toggle -->
<div class="flex justify-between items-center">
<span class="text-sm">{$t('adventures.all_day')}</span>
@@ -260,7 +260,7 @@
{/if}
{#if type === 'adventure'}
<button
class="btn btn-primary"
class="btn btn-primary mb-2"
type="button"
on:click={() => {
const newVisit = {
@@ -311,7 +311,7 @@
{/if}
{#if type === 'adventure'}
<div class="border-t border-neutral pt-4">
<div class="border-t border-neutral pt-4 mb-2">
<h3 class="text-xl font-semibold">
{$t('adventures.visits')}
</h3>