1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-24 15:29:36 +02:00

Mobile optimization from #170

This commit is contained in:
Sean Morley 2024-08-06 12:11:50 -04:00
parent 3b002c0c50
commit 304097fb9d
2 changed files with 9 additions and 7 deletions

View file

@ -16,17 +16,16 @@ class CountrySerializer(serializers.ModelSerializer):
class Meta: class Meta:
model = Country model = Country
fields = '__all__' # Serialize all fields of the Adventure model fields = '__all__' # Serialize all fields of the Adventure model
read_only_fields = '__all__' read_only_fields = ['id', 'name', 'country_code', 'continent', 'flag_url']
class RegionSerializer(serializers.ModelSerializer): class RegionSerializer(serializers.ModelSerializer):
flag_url = ''
class Meta: class Meta:
model = Region model = Region
fields = '__all__' # Serialize all fields of the Adventure model fields = '__all__' # Serialize all fields of the Adventure model
read_only_fields = '__all__' read_only_fields = ['id', 'name', 'country']
class VisitedRegionSerializer(serializers.ModelSerializer): class VisitedRegionSerializer(serializers.ModelSerializer):
class Meta: class Meta:
model = VisitedRegion model = VisitedRegion
fields = '__all__' # Serialize all fields of the Adventure model fields = '__all__' # Serialize all fields of the Adventure model
read_only_fields = ['user_id'] read_only_fields = ['user_id', 'id']

View file

@ -66,7 +66,7 @@
<!-- svelte-ignore a11y-no-noninteractive-tabindex --> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul <ul
tabindex="0" tabindex="0"
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 gap-2" class="menu dropdown-content mt-3 z-[1] p-2 shadow bg-neutral text-neutral-content rounded-box gap-2 w-96"
> >
{#if data.user} {#if data.user}
<li> <li>
@ -109,7 +109,7 @@
/> />
</svg> </svg>
</label> </label>
<button on:click={searchGo} type="submit" class="btn btn-neutral">Search</button> <button on:click={searchGo} type="submit" class="btn btn-primary">Search</button>
</form> </form>
</ul> </ul>
</div> </div>
@ -174,7 +174,10 @@
<DotsHorizontal class="w-6 h-6" /> <DotsHorizontal class="w-6 h-6" />
</div> </div>
<!-- svelte-ignore a11y-no-noninteractive-tabindex --> <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52"> <ul
tabindex="0"
class="dropdown-content bg-neutral text-neutral-content z-[1] menu p-2 shadow rounded-box w-52"
>
<button class="btn" on:click={() => (isAboutModalOpen = true)}>About AdventureLog</button> <button class="btn" on:click={() => (isAboutModalOpen = true)}>About AdventureLog</button>
<p class="font-bold m-4 text-lg">Theme Selection</p> <p class="font-bold m-4 text-lg">Theme Selection</p>
<form method="POST" use:enhance={submitUpdateTheme}> <form method="POST" use:enhance={submitUpdateTheme}>