-
-
-
+
+
@code {
public override string Name => "Theme1";
diff --git a/Client/Themes/ThemeSettings.razor b/Client/Themes/ThemeSettings.razor
index d5dfe6b..5e0da34 100644
--- a/Client/Themes/ThemeSettings.razor
+++ b/Client/Themes/ThemeSettings.razor
@@ -1,4 +1,4 @@
-@namespace SZUAbsolventenverein.Theme.Website
+ ich pr@namespace SZUAbsolventenverein.Theme.Website
@inherits ModuleBase
@implements Oqtane.Interfaces.ISettingsControl
@inject ISettingService SettingService
diff --git a/Client/Themes/icon.jpg b/Client/Themes/icon.jpg
new file mode 100644
index 0000000..7d3f143
Binary files /dev/null and b/Client/Themes/icon.jpg differ
diff --git a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
index 1c9b999..491dd99 100644
--- a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
+++ b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
@@ -17,14 +17,73 @@ body {}
font-weight: 500 !important;
}
-/* Hover-Effekt */
-.app-menu-footer .btn-login:hover,
-.app-menu-footer .login-btn:hover,
-.app-menu-footer button:hover,
-.app-menu-footer a:hover {
- background-color: #f2f2f2 !important;
- border-color: #bbb !important;
- color: #333 !important;
+.navigation {
+ max-width: 80vw; /* oder max-width: 100%;*/
+ margin: 0 auto;
+ position: fixed;
+ top: 0;
+ z-index: 1000;
+ background-color: #bbb;
+ padding: 1rem 0;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ width: 80vw; /* Wichtig!*/
+ /*left: 50%; /* horizontale Zentrierung mit transform*/
+ /*transform: translateX(-50%);*/
+ border: 3px solid #75767B;
+ border-top: none;
+ border-bottom: none;
+}
+
+
+
+body {
+ padding-top: 100px; /* H�he der fixierten Navigation kompensieren */
+}
+
+.app-logo .img-fluid {
+ max-height: 60px;
+}
+
+.app-menu {
+ display: flex;
+ gap: 1rem;
+}
+
+.nav-item a {
+ color: black;
+ font-weight: normal;
+ text-decoration: none;
+}
+
+.nav-item a.active {
+ font-weight: bold;
+}
+
+/* Footer */
+.footer {
+ background-color: #bbb;
+ padding: 1rem 0;
+ text-align: center;
+ border: 3px solid #75767B;
+ border-top: none;
+ border-bottom: none;
+ margin-top: auto;
+}
+
+
+.wrapper {
+ max-width: 80vw; /* max. 80% der Viewport-Breite */
+ margin: 0 auto; /* horizontal zentrieren */
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+
+main.flex-fill {
+ flex: 1 0 auto; /* Flex-grow 1, flex-shrink 0, flex-basis auto */
+ display: flex;
+ flex-direction: column;
+ min-height: 0; /* Wichtig f�r flexbox overflow*/
}
.content {
@@ -316,12 +375,50 @@ body {}
justify-content: right;
}
+.hamburger {
+ width: 40px;
+ height: 28px;
+ position: relative;
+ cursor: pointer;
+}
- /* Sidebar öffnen/schließen über Checkbox */
- .nav-toggle:checked~.app-menu {
- transform: translateX(0);
+ .hamburger span {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ height: 4px;
+ background: #e5e7eb;
+ border-radius: 2px;
+ transition: transform 0.25s ease, opacity 0.25s ease;
}
+ .hamburger span:nth-child(1) {
+ top: 0;
+ }
+
+ .hamburger span:nth-child(2) {
+ top: 12px;
+ }
+
+ .hamburger span:nth-child(3) {
+ bottom: 0;
+ }
+
+ /* Animation beim Klick (wird aktiv, wenn .active hinzugef�gt wird) */
+ .hamburger.active span:nth-child(1) {
+ transform: translateY(12px) rotate(45deg);
+ }
+
+ .hamburger.active span:nth-child(2) {
+ opacity: 0;
+ }
+
+ .hamburger.active span:nth-child(3) {
+ transform: translateY(-12px) rotate(-45deg);
+ }
+
+
+
.app-menu .nav-link {
width: 100%;
display: block;
diff --git a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/icon.png b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/icon.png
new file mode 100644
index 0000000..7d1104c
Binary files /dev/null and b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/icon.png differ
diff --git a/Package/icon.png b/Package/icon.png
index 7422cf2..7d1104c 100644
Binary files a/Package/icon.png and b/Package/icon.png differ
diff --git a/Package/release.cmd b/Package/release.cmd
index 7ec1707..88ce32e 100644
--- a/Package/release.cmd
+++ b/Package/release.cmd
@@ -4,4 +4,4 @@ set ProjectName=%2
if exist *.nupkg del *.nupkg
dotnet build "..\Client\SZUAbsolventenverein.Theme.Website.Client.csproj" -c Release
-dotnet pack "%ProjectName%.Package.csproj" -p:NuspecFile="%ProjectName%.nuspec" -p:NuspecProperties="targetframework=%TargetFramework%;projectname=%ProjectName%" --no-build -o .
\ No newline at end of file
+dotnet pack "%ProjectName%.Package.csproj" -p:NuspecFile="%ProjectName%.nuspec" -p:NuspecProperties="targetframework=%TargetFramework%;projectname=%ProjectName%" --no-build -o .
diff --git a/Package/release.sh b/Package/release.sh
index 0e0be9c..2d022a0 100755
--- a/Package/release.sh
+++ b/Package/release.sh
@@ -4,4 +4,4 @@ cd "$(dirname "$0")"
rm -f *.nupkg
dotnet build "../Client/SZUAbsolventenverein.Theme.Website.Client.csproj" -c Release
-dotnet pack "${ProjectName}.Package.csproj" -p:NuspecFile="${ProjectName}.nuspec" -p:NuspecProperties="targetframework=${TargetFramework};projectname=${ProjectName}" --no-build -o .
\ No newline at end of file
+dotnet pack "${ProjectName}.Package.csproj" -p:NuspecFile="${ProjectName}.nuspec" -p:NuspecProperties="targetframework=${TargetFramework};projectname=${ProjectName}" --no-build -o .