icons + button zum AdminPanel

This commit is contained in:
Karol Bielski 2025-06-16 12:56:41 +02:00
parent ec08e7a74a
commit 837e666af9
2 changed files with 20 additions and 1 deletions

View File

@ -6,4 +6,21 @@
font-size: var(--font-size-text);
border-radius: 3px;
text-decoration: none;
}
.btn-user {
border-radius: 9999px;
color: var(--brand-primary);
background-color: var(--brand-white);
display: flex;
flex-direction: row;
justify-content: center;
justify-items: center;
align-items: center;
width: fit-content;
aspect-ratio: 1/1;
}
.btn-user > span {
font-size: 28px;
}

View File

@ -8,6 +8,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="CSS/style.css" rel="stylesheet" type="text/css" />
</head>
@ -17,6 +19,7 @@
<div class="d-flex-between">
<h3 class="logo">bib<span>course</span></h3>
<div id="metanavi">
<a class="btn btn-user" href="?controller=Admin&do=showForm"><span class="material-icons">person</span></a>
<a class="btn btn-register" href="?controller=User&do=showUserForm">Registration</a>
</div>
</div>
@ -26,7 +29,6 @@
<li><a href="#">Projekte</a></li>
<li><a href="#">Workshops</a></li>
<li><a href="?controller=Contact&do=showContactForm">Kontakt</a></li>
</ul>
</nav>
</div>