Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

AppShelf adjustments

Browse Source
This commit is contained in:
ajnart
2022-11-22 13:58:50 +09:00
parent e2041421f6
commit 195e1ba946
2 changed files with 45 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AppShelf/AppShelfItem.tsx
View File

@@ -31,7 +31,7 @@ const useStyles = createStyles((theme) => ({
},
}));
export function SortableAppShelfItem(props: any) {
export function SortableItem(props: any) {
const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
id: props.id,
});
@@ -43,7 +43,7 @@ export function SortableAppShelfItem(props: any) {
return (
<div ref={setNodeRef} style={style} {...attributes} {...listeners}>
<AppShelfItem service={props.service} />
{props.children}
</div>
);
}
@@ -75,6 +75,8 @@ export function AppShelfItem(props: any) {
shadow="md"
className={classes.item}
style={{
// Use the grab cursor when hovering over the card
cursor: hovering ? 'grab' : 'auto',
background: `rgba(${colorScheme === 'dark' ? '37, 38, 43,' : '255, 255, 255,'} \
${(config.settings.appOpacity || 100) / 100}`,
borderColor: `rgba(${colorScheme === 'dark' ? '37, 38, 43,' : '233, 236, 239,'} \
@@ -140,4 +142,4 @@ export function AppShelfItem(props: any) {
</Card>
</motion.div>
);
}
}