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

💄 Update styling of AppShelf

Browse Source
This commit is contained in:
ajnart
2022-05-16 22:48:29 +02:00
parent a97c9b0c0f
commit f5eb36ff00
1 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/AppShelf/AppShelf.tsx
View File

@@ -11,7 +11,7 @@ const AppShelf = (props: any) => {
return (
<Grid gutter="xl" align="center">
{config.services.map((service) => (
<Grid.Col span={6} xs={4} sm={3} md={2}>
<Grid.Col span={6} xl={2} xs={4} sm={3} md={3}>
<AppShelfItem key={service.name} service={service} />
</Grid.Col>
))}
@@ -33,16 +33,9 @@ export function AppShelfItem(props: any) {
setHovering(false);
}}
>
<Card
style={{
boxShadow: hovering ? '0px 0px 3px rgba(0, 0, 0, 0.5)' : '0px 0px 1px rgba(0, 0, 0, 0.5)',
backgroundColor:
theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],
}}
radius="md"
>
<Card withBorder radius="lg" shadow="xl">
<Card.Section>
<Text mt="sm" align="center" lineClamp={1} weight={500}>
<Text mt="sm" align="center" lineClamp={1} weight={550}>
{service.name}
</Text>
<motion.div