Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-12 16:35:49 +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} />
</motion.div>
</Card.Section>
<Center>
<Card.Section>
<Card.Section>
<Center>
<AspectRatio
ratio={3 / 5}
m="xl"
m="lg"
style={{
width: 150,
height: 90,
height: 75 * ((config.settings.appCardWidth ?? 1) * 1.2),
width: 75 * ((config.settings.appCardWidth ?? 1) * 2),
}}
>
<motion.i
@@ -126,8 +126,8 @@ export function AppShelfItem(props: any) {
>
<Image
styles={{ root: { cursor: 'pointer' } }}
width={80}
height={80}
width={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
height={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
src={service.icon}
fit="contain"
/>
@@ -135,8 +135,8 @@ export function AppShelfItem(props: any) {
</motion.i>
</AspectRatio>
{service.ping !== false && <PingComponent url={service.url} status={service.status} />}
</Card.Section>
</Center>
</Center>
</Card.Section>
</Card>
</motion.div>
);