mirror of
https://github.com/hay-kot/homebox.git
synced 2025-08-02 15:50:27 +00:00
fix minor UI elements
This commit is contained in:
parent
fe76884944
commit
7821c61755
3 changed files with 5 additions and 5 deletions
|
@ -1,7 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { LabelOut, LabelSummary } from "~~/lib/api/types/data-contracts";
|
import { LabelOut, LabelSummary } from "~~/lib/api/types/data-contracts";
|
||||||
import MdiArrowRight from "~icons/mdi/arrow-right";
|
import MdiArrowRight from "~icons/mdi/arrow-right";
|
||||||
import MdiTag from "~icons/mdi/tag";
|
import MdiTagOutline from "~icons/mdi/tag-outline";
|
||||||
|
|
||||||
export type sizes = "sm" | "md" | "lg" | "xl";
|
export type sizes = "sm" | "md" | "lg" | "xl";
|
||||||
defineProps({
|
defineProps({
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
>
|
>
|
||||||
<label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
|
<label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
|
||||||
<MdiArrowRight class="mr-2 swap-on" />
|
<MdiArrowRight class="mr-2 swap-on" />
|
||||||
<MdiTag class="mr-2 swap-off" />
|
<MdiTagOutline class="mr-2 swap-off" />
|
||||||
</label>
|
</label>
|
||||||
{{ label.name }}
|
{{ label.name }}
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<h2 class="flex items-center justify-between gap-2">
|
<h2 class="flex items-center justify-between gap-2">
|
||||||
<label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
|
<label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
|
||||||
<MdiArrowRight class="swap-on h-6 w-6" />
|
<MdiArrowRight class="swap-on h-6 w-6" />
|
||||||
<MdiMapMarker class="swap-off h-6 w-6" />
|
<MdiMapMarkerOutline class="swap-off h-6 w-6" />
|
||||||
</label>
|
</label>
|
||||||
<span class="mx-auto">
|
<span class="mx-auto">
|
||||||
{{ location.name }}
|
{{ location.name }}
|
||||||
|
@ -30,7 +30,7 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { LocationOut, LocationOutCount, LocationSummary } from "~~/lib/api/types/data-contracts";
|
import { LocationOut, LocationOutCount, LocationSummary } from "~~/lib/api/types/data-contracts";
|
||||||
import MdiArrowRight from "~icons/mdi/arrow-right";
|
import MdiArrowRight from "~icons/mdi/arrow-right";
|
||||||
import MdiMapMarker from "~icons/mdi/map-marker";
|
import MdiMapMarkerOutline from "~icons/mdi/map-marker-outline";
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
location: {
|
location: {
|
||||||
|
|
|
@ -274,7 +274,7 @@
|
||||||
class="relative block w-full rounded-lg border-2 border-dashed border-base-content p-12 text-center"
|
class="relative block w-full rounded-lg border-2 border-dashed border-base-content p-12 text-center"
|
||||||
@click="newEntry()"
|
@click="newEntry()"
|
||||||
>
|
>
|
||||||
<MdiWrenchClock class="h-16 w-16" />
|
<MdiWrenchClock class="h-16 w-16 inline" />
|
||||||
<span class="mt-2 block text-sm font-medium text-gray-900"> Create Your First Entry </span>
|
<span class="mt-2 block text-sm font-medium text-gray-900"> Create Your First Entry </span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue