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

Card styling

Browse Source
This commit is contained in:
Thomas Camlong
2022-09-29 16:34:28 +09:00
committed by ajnart
parent 11abac2e33
commit 287c184fa9
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -105,14 +105,14 @@ export function AppShelfItem(props: any) {
<AppShelfMenu service={service} /> <AppShelfMenu service={service} />
</motion.div> </motion.div>
</Card.Section> </Card.Section>
<Center> <Card.Section>
<Card.Section> <Center>
<AspectRatio <AspectRatio
ratio={3 / 5} ratio={3 / 5}
m="xl" m="lg"
style={{ style={{
width: 150, height: 75 * ((config.settings.appCardWidth ?? 1) * 1.2),
height: 90, width: 75 * ((config.settings.appCardWidth ?? 1) * 2),
}} }}
> >
<motion.i <motion.i
@@ -126,8 +126,8 @@ export function AppShelfItem(props: any) {
> >
<Image <Image
styles={{ root: { cursor: 'pointer' } }} styles={{ root: { cursor: 'pointer' } }}
width={80} width={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
height={80} height={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
src={service.icon} src={service.icon}
fit="contain" fit="contain"
/> />
@@ -135,8 +135,8 @@ export function AppShelfItem(props: any) {
</motion.i> </motion.i>
</AspectRatio> </AspectRatio>
{service.ping !== false && <PingComponent url={service.url} status={service.status} />} {service.ping !== false && <PingComponent url={service.url} status={service.status} />}
</Card.Section> </Center>
</Center> </Card.Section>
</Card> </Card>
</motion.div> </motion.div>
); );