Diplomarbeit-Absolventenverein/Theme.SZUAbsolventenverein
6
0
Fork 0
Code Issues 3 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

neues theme. offensichtliche bugs gelöst. Clipingfehler der Titel. und ausrichtung des menüs. bereit zum vorzeigen

Browse Source
This commit is contained in:
Adam Gaiswinkler
2025-12-04 15:17:50 +00:00
parent 05e5e466ce
commit 565757182d
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Client/Themes/Theme1.razor
View File

@ -67,19 +67,20 @@
</div> </div>
<!-- WICHTIG: Footer jetzt AUßERHALB von app-menu-items --> <!-- WICHTIG: Footer jetzt AUßERHALB von app-menu-items -->
<div class="app-menu-footer"> <div class="app-menu-footer ">
<UserProfile ShowRegister="@_register" /> <UserProfile ShowRegister="@_register" />
<Login ShowLogin="@_login" /> <Login ShowLogin="@_login" />
</div> </div>
<div class="app-menu-footer right-side">
<ControlPanel />
</div>
</div> </div>
<!-- Rechts: ControlPanel + User + Login --> <!-- Rechts: ControlPanel + User + Login -->
<div class="d-flex align-items-center gap-2 app-navbar-right">
<div class="d-flex align-items-center gap-2">
<ControlPanel/>
</div>
</div>
</nav> </nav>
<div class="content"> <div class="content">
<div class="container"> <div class="container">

19
Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
View File

@ -5,6 +5,9 @@
body { body {
} }
.content {
margin-top: 60px; /* ungefähr Höhe der Navbar */
}
/* App Logo */ /* App Logo */
.app-logo .img-fluid { .app-logo .img-fluid {
@ -162,8 +165,11 @@ body {
/* =========================== /* ===========================
DESKTOP (ab 768px) DESKTOP (ab 768px)
=========================== */ =========================== */
@media (min-width: 768px) { @media (min-width: 1000px) {
/* setting rehct neben loggin*/
.right-side{
margin-right: 150px;
}
/* Navbar: eine Zeile, Positionierungs-Referenz für Absolut-Elemente */ /* Navbar: eine Zeile, Positionierungs-Referenz für Absolut-Elemente */
.app-navbar { .app-navbar {
display: flex !important; display: flex !important;
@ -178,11 +184,12 @@ body {
display: flex !important; display: flex !important;
flex-direction: row !important; flex-direction: row !important;
align-items: center !important; align-items: center !important;
justify-content: center !important; /* Menüpunkte in der Mitte */ justify-content: center !important; /* Menüpunkte in der Mitte */
flex: 1 1 auto !important; /* füllt Platz zwischen Logo und rechts */ flex: 1 1 auto !important; /* füllt Platz zwischen Logo und rechts */
gap: 0.75rem !important; gap: 0.75rem !important;
position: static !important; position: static !important;
width: auto !important; width: auto !important;
margin-right: 210px !important;
} }
/* Menüpunkte horizontal zentriert */ /* Menüpunkte horizontal zentriert */
@ -220,7 +227,7 @@ body {
MOBILE (unter 768px) MOBILE (unter 768px)
=========================== */ =========================== */
@media (max-width: 767px) { @media (max-width: 1000px) {
.navbar { .navbar {
position: fixed; position: fixed;
@ -232,7 +239,7 @@ body {
/* Platz unter der Navbar */ /* Platz unter der Navbar */
.content { .content {
position: relative; position: relative;
top: 60px; top: 150px;
} }
/* Burger sichtbar machen */ /* Burger sichtbar machen */