Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-22 06:19:38 +02:00
Code Issues Releases 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"> <div class="collapse-title text-xl font-semibold">
{$t('adventures.date_information')} {$t('adventures.date_information')}
</div> </div>
<div class="collapse-content space-y-6"> <div class="collapse-content">
<!-- Timezone Selector --> <!-- Timezone Selector -->
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"> <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"></div>
<TimezoneSelector bind:selectedTimezone />
</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 --> <!-- Group Header -->
<h3 class="text-md font-semibold">{$t('navbar.settings')}</h3> <h3 class="text-md font-semibold">{$t('navbar.settings')}</h3>
<TimezoneSelector bind:selectedTimezone />
<!-- All Day Toggle --> <!-- All Day Toggle -->
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<span class="text-sm">{$t('adventures.all_day')}</span> <span class="text-sm">{$t('adventures.all_day')}</span>
@ -260,7 +260,7 @@
{/if} {/if}
{#if type === 'adventure'} {#if type === 'adventure'}
<button <button
class="btn btn-primary" class="btn btn-primary mb-2"
type="button" type="button"
on:click={() => { on:click={() => {
const newVisit = { const newVisit = {
@ -311,7 +311,7 @@
{/if} {/if}
{#if type === 'adventure'} {#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"> <h3 class="text-xl font-semibold">
{$t('adventures.visits')} {$t('adventures.visits')}
</h3> </h3>