Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed col size for world / calendar

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
components/global/AddCard.vue
View File

@@ -6,7 +6,7 @@ const emit = defineEmits(["on-click"])
<template> <template>
<UiCard <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 has-click
@on-click="emit('on-click')" @on-click="emit('on-click')"
> >

4
pages/my/index.vue
View File

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

4
pages/my/worlds/[id].vue
View File

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