fix minor UI elements

This commit is contained in:
Hayden 2024-02-29 18:54:27 -06:00
parent fe76884944
commit 7821c61755
No known key found for this signature in database
GPG key ID: 17CF79474E257545
3 changed files with 5 additions and 5 deletions

View file

@ -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>

View file

@ -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: {

View file

@ -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>