Fixed col size for world / calendar

This commit is contained in:
Alexis
2025-03-14 18:17:04 +01:00
parent 6add25f45f
commit 15458ab5fd
3 changed files with 5 additions and 5 deletions

View File

@@ -6,7 +6,7 @@ const emit = defineEmits(["on-click"])
<template>
<UiCard
class="h-full md:w-fit transition-all bg-transparent hover:text-slate-900 text-slate-500 dark:hover:text-slate-100 dark:text-slate-500 dark:focus-within:outline-gray-900 hover:-translate-y-0"
class="h-full lg:w-fit transition-all bg-transparent hover:text-slate-900 text-slate-500 dark:hover:text-slate-100 dark:text-slate-500 dark:focus-within:outline-gray-900 hover:-translate-y-0"
has-click
@on-click="emit('on-click')"
>

View File

@@ -135,11 +135,11 @@ function hideEditModal() {
</Heading>
</div>
<ul v-if="worlds?.data" class="grid lg:grid-cols-3 gap-2">
<ul v-if="worlds?.data" class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2">
<li v-for="world in sortedWorlds" :key="world.id">
<WorldPreviewCard :world="world" @on-edit="() => deployEditModal(world)" @on-delete="() => deployDeleteModal(world)" />
</li>
<li class="md:w-fit">
<li class="xl:w-fit">
<AddCard @on-click="() => isCreateWorldModalOpen = true">
<template v-if="worlds?.data?.length > 0">
{{ $t('entity.world.addSingle') }}

View File

@@ -227,7 +227,7 @@ function hideEditModal() {
</Heading>
</div>
<ul class="grid md:grid-cols-3 gap-2">
<ul class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2">
<li v-for="calendar in sortedCalendars" :key="calendar.id">
<CalendarPreviewCard
:calendar="calendar"
@@ -237,7 +237,7 @@ function hideEditModal() {
@on-delete="() => deployDeleteCalendarModal(calendar)" />
</li>
<li class="md:w-fit">
<li class="xl:w-fit">
<AddCard @on-click="() => isCreateCalendarModalOpen = true">
<template v-if="sortedCalendars.length > 0">
{{ $t('entity.calendar.addSingle') }}