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

✨ Made service name clickable

Browse Source 
Co-authored-by: Bjorn L. <walkxnl@gmail.com>
This commit is contained in:
ajnart
2022-05-20 23:03:42 +02:00
parent 667322d14e
commit f36e7b8abb
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { Text, AspectRatio, Card, Image, Center, Grid, createStyles } from '@mantine/core'; import { Text, AspectRatio, Card, Image, Center, Grid, createStyles, Anchor } from '@mantine/core';
import { useConfig } from '../../tools/state'; import { useConfig } from '../../tools/state';
import { serviceItem } from '../../tools/types'; import { serviceItem } from '../../tools/types';
import AppShelfMenu from './AppShelfMenu'; import AppShelfMenu from './AppShelfMenu';
@@ -51,9 +51,15 @@ export function AppShelfItem(props: any) {
> >
<Card withBorder radius="lg" shadow="md" className={classes.item}> <Card withBorder radius="lg" shadow="md" className={classes.item}>
<Card.Section> <Card.Section>
<Text mt="sm" align="center" lineClamp={1} weight={550}> <Anchor
{service.name} target="_blank"
</Text> href={service.url}
style={{ color: 'inherit', fontStyle: 'inherit', fontSize: 'inherit' }}
>
<Text mt="sm" align="center" lineClamp={1} weight={550}>
{service.name}
</Text>
</Anchor>
<motion.div <motion.div
style={{ style={{
position: 'absolute', position: 'absolute',