Matthias-Claudius-Schule/borrow-system
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust icon placement and styling for safe state indicator

Browse Source
This commit is contained in:
Theis Gaedigk
2025-09-16 13:49:44 +02:00
parent 4fc60a08d9
commit c3572a3d70
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
admin/src/components/ItemTable.tsx
View File

@@ -234,16 +234,15 @@ const ItemTable: React.FC = () => {
shadow: "sm", shadow: "sm",
}} }}
_active={{ transform: "translateY(0)" }} _active={{ transform: "translateY(0)" }}
leftIcon={
<Icon
as={item.inSafe ? CheckCircle2 : XCircle}
boxSize={3.5}
/>
}
aria-label={ aria-label={
item.inSafe ? "Mark as not in safe" : "Mark as in safe" item.inSafe ? "Mark as not in safe" : "Mark as in safe"
} }
> >
<Icon
as={item.inSafe ? CheckCircle2 : XCircle}
boxSize={3.5}
mr={2}
/>
<Text as="span" fontSize="xs" fontWeight="semibold"> <Text as="span" fontSize="xs" fontWeight="semibold">
{item.inSafe ? "Yes" : "No"} {item.inSafe ? "Yes" : "No"}
</Text> </Text>