UI: machine listitem pepare for grid view

This commit is contained in:
Johannes Kirschbauer
2024-12-11 11:32:10 +01:00
parent 868dcb6d37
commit 7cfecd7f72

View File

@@ -106,7 +106,6 @@ export const MachineListItem = (props: MachineListItemProps) => {
setUpdating(false); setUpdating(false);
}; };
return ( return (
<li>
<div class="card card-side m-2"> <div class="card card-side m-2">
<figure class="h-fit rounded-xl border bg-def-2 border-def-5"> <figure class="h-fit rounded-xl border bg-def-2 border-def-5">
<RndThumbnail name={name} width={220} height={120} /> <RndThumbnail name={name} width={220} height={120} />
@@ -166,10 +165,7 @@ export const MachineListItem = (props: MachineListItemProps) => {
<div class="flex flex-row flex-wrap gap-4 py-2"></div> <div class="flex flex-row flex-wrap gap-4 py-2"></div>
</div> </div>
<div> <div>
<Menu <Menu popoverid={`menu-${props.name}`} label={<Icon icon={"More"} />}>
popoverid={`menu-${props.name}`}
label={<Icon icon={"More"} />}
>
<ul class="menu z-[1] w-52 rounded-box bg-base-100 p-2 shadow"> <ul class="menu z-[1] w-52 rounded-box bg-base-100 p-2 shadow">
<li> <li>
<a <a
@@ -209,6 +205,5 @@ export const MachineListItem = (props: MachineListItemProps) => {
</div> </div>
</div> </div>
</div> </div>
</li>
); );
}; };