jafreli/Linktree
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move links to mid
All checks were successful
Build and Push Docker Image to Gitea Registry / build-and-push (push) Successful in 5s
Details

Browse Source
This commit is contained in:
jafreli
2025-01-16 04:53:56 +01:00
parent 8b2ba2bf77
commit 7a7c4b70b2
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
view/styles.css
View File

@@ -3,8 +3,8 @@ body {
background-color: #f4f4f9; background-color: #f4f4f9;
color: #333; color: #333;
display: flex; display: flex;
justify-content: center; justify-content: center; /* Horizontale Zentrierung */
align-items: center; align-items: center; /* Vertikale Zentrierung */
height: 100vh; height: 100vh;
margin: 0; margin: 0;
} }
@@ -17,6 +17,9 @@ body {
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center; /* Zentriert die Links im Container */
} }
h1 { h1 {
@@ -25,8 +28,8 @@ h1 {
} }
.link { .link {
display: flex; /* Verwende Flexbox */ display: flex; /* Flexbox für den Link */
align-items: center; /* Vertikale Ausrichtung des Texts und des Logos */ align-items: center; /* Vertikale Ausrichtung von Bild und Text */
margin: 10px 0; margin: 10px 0;
padding: 10px; padding: 10px;
background: #007BFF; background: #007BFF;
@@ -34,13 +37,14 @@ h1 {
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
transition: background 0.3s ease; transition: background 0.3s ease;
width: 100%; /* Link nimmt die volle Breite im Container ein */
justify-content: center; /* Zentriert den Text horizontal im Link */
} }
.link:hover { .link:hover {
background: #0056b3; background: #0056b3;
} }
/* Stil für das Logo vor dem Linktext */
.link img { .link img {
width: 20px; /* Größe des Logos */ width: 20px; /* Größe des Logos */
height: 20px; /* Höhe des Logos */ height: 20px; /* Höhe des Logos */