jonathan/filament_inventory
1
0
Fork 0
mirror of https://github.com/anna-sara/filament_inventory synced 2026-09-03 11:14:43 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update css on item cards

Browse source
This commit is contained in:
Anna-Sara Sélea 2026-08-04 11:17:12 +02:00
parent 350ac0effa
commit 8f3986c8c2
2 changed files with 30 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/Filament/Pages/Reserve.php
View file

@ -75,7 +75,7 @@ class Reserve extends BasePage implements HasTable
->disk('public')
->size('100%')
->extraImgAttributes([
'class' => 'rounded-md',
'class' => 'reserve-card-image',
'loading' => 'lazy'
]),
//->visibility('private'),
@ -105,9 +105,9 @@ class Reserve extends BasePage implements HasTable
->prefix('Ålder: ')
//->suffix(' år'),
])
->extraAttributes(['class' => 'space-y-3 h-full'])
->hidden(fn ($record) => $record->type === 'literature'),
])->extraAttributes(['class' => 'space-y-3 h-full'])
->extraAttributes(['class' => 'reserve-card-meta'])
->hidden(fn ($record) => $record->type === 'literature'),
])->extraAttributes(['class' => 'reserve-card'])
])
])

26
resources/views/filament/pages/reserve.blade.php
View file

@ -1,4 +1,30 @@
<x-filament-panels::page>
<style>
/* Luftigare kort: mellanrum runt statusbadge, bild, rubrik och detaljer */
.reserve-card {
display: flex;
flex-direction: column;
gap: 0.75rem;
height: 100%;
}
.reserve-card-meta {
display: flex;
flex-direction: column;
gap: 0.5rem;
height: 100%;
}
.reserve-card-image {
border-radius: 0.5rem;
}
.reserve-card > * + *,
.reserve-card-meta > * + * {
margin-top: 0 !important;
}
</style>
<p class="text-sm text-gray-500 dark:text-gray-400 -mt-4">
Välkommen! Här kan du reservera spel som du gärna vill låna.
</p>