Add actions to cards (and button) and two more props

2022-09-17 15:52:52 +02:00
parent 38467a8bc2
commit b651fb7a91
2 changed files with 38 additions and 36 deletions
--- a/src/components/Services.js
+++ b/src/components/Services.js
@ -6,19 +6,23 @@ import blogLogo from "../assets/blog_logo.png";
 function Services() {
    return (
        <Grid.Container gap={2} justify="center">
-            <Grid xs={3}>
+            <Grid>
                <ServiceCard
                    introText="Meine self-hosted"
                    serviceText="git Repositories"
                    vendorText="mit Gitea"
-                    logo={gitLogo} />
+                    logo={gitLogo}
+                    buttonText="Zu den Repositories"
+                    url='https://git.niklas-birk.de' />
            </Grid>
-            <Grid xs={3}>
+            <Grid>
                <ServiceCard
                    introText="Mein self-hosted"
                    serviceText="Blog"
                    vendorText="über Mathematik"
-                    logo={blogLogo} />
+                    logo={blogLogo}
+                    buttonText="Zum Blog"
+                    url='https://blog.niklas-birk.de' />
            </Grid>
        </Grid.Container>