fix: several layout issues (#305)

* fix login version issue

* allow wrapping on action menu
This commit is contained in:
Hayden 2023-02-18 10:09:19 -09:00 committed by GitHub
parent 3ac6c7c858
commit 9d9b05d8a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View file

@ -109,7 +109,7 @@
</script> </script>
<template> <template>
<div> <div class="flex flex-col min-h-screen">
<div class="fill-primary min-w-full absolute top-0 z-[-1]"> <div class="fill-primary min-w-full absolute top-0 z-[-1]">
<div class="bg-primary flex-col flex min-h-[20vh]" /> <div class="bg-primary flex-col flex min-h-[20vh]" />
<svg <svg
@ -226,7 +226,7 @@
</div> </div>
</div> </div>
</div> </div>
<footer v-if="status" class="absolute text-center w-full bottom-0 pb-4"> <footer v-if="status" class="mt-auto text-center w-full bottom-0 pb-4">
<p class="text-center text-sm">Version: {{ status.build.version }} ~ Build: {{ status.build.commit }}</p> <p class="text-center text-sm">Version: {{ status.build.version }} ~ Build: {{ status.build.commit }}</p>
</footer> </footer>
</div> </div>

View file

@ -134,7 +134,7 @@
</template> </template>
<template #title-actions> <template #title-actions>
<div class="flex mt-2 gap-2"> <div class="flex flex-wrap mt-2 gap-2">
<div class="form-control max-w-[160px]"> <div class="form-control max-w-[160px]">
<label class="label cursor-pointer"> <label class="label cursor-pointer">
<input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" /> <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />

View file

@ -156,7 +156,7 @@
</template> </template>
<template #title-actions> <template #title-actions>
<div class="flex mt-2 gap-2"> <div class="flex flex-wrap mt-2 gap-2">
<div class="form-control max-w-[160px]"> <div class="form-control max-w-[160px]">
<label class="label cursor-pointer"> <label class="label cursor-pointer">
<input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" /> <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />