private/nexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-03-04 02:08:55 +01:00
parent 19b1cdb433
commit 8f77e27db0
2 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
partials/structure/layout_start.php
View File

@@ -24,37 +24,34 @@ if ($currentModule) {
<body data-theme="<?= e($theme) ?>"> <body data-theme="<?= e($theme) ?>">
<div class="bg-orb orb-a"></div> <div class="bg-orb orb-a"></div>
<div class="bg-orb orb-b"></div> <div class="bg-orb orb-b"></div>
<header class="topbar">
<div class="topbar-left">
<?php if ($currentModule && !empty($module['title'])): ?>
<h1 class="page-title"><?= e($module['title']) ?></h1>
<span class="pill">Modul</span>
<?php else: ?>
<h1 class="page-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
<span class="pill">Dashboard</span>
<?php endif; ?>
</div>
<div class="topbar-actions">
<?php if (auth_enabled() && auth_user()): ?>
<span class="pill"><?= e(auth_user()['email'] ?? '') ?></span>
<a class="nav-link" href="/auth/logout">Logout</a>
<?php elseif (auth_enabled()): ?>
<a class="nav-link" href="/auth/login">Login</a>
<?php endif; ?>
<a class="nav-link" href="/users">User</a>
<a class="nav-link" href="/modules">Module</a>
<a class="nav-link" href="/modules/install">Modul installieren/aktivieren</a>
</div>
</header>
<div class="app-shell"> <div class="app-shell">
<header class="topbar">
<div class="topbar-left">
<img src="/assets/images/logo.png" alt="Nexus Logo" class="topbar-logo">
<?php if ($currentModule && !empty($module['title'])): ?>
<h1 class="page-title"><?= e($module['title']) ?></h1>
<span class="pill">Modul</span>
<?php else: ?>
<h1 class="page-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
<span class="pill">Dashboard</span>
<?php endif; ?>
</div>
<div class="topbar-actions">
<?php if (auth_enabled() && auth_user()): ?>
<span class="pill"><?= e(auth_user()['email'] ?? '') ?></span>
<a class="nav-link" href="/auth/logout">Logout</a>
<?php elseif (auth_enabled()): ?>
<a class="nav-link" href="/auth/login">Login</a>
<?php endif; ?>
<a class="nav-link" href="/users">User</a>
<a class="nav-link" href="/modules">Module</a>
<a class="nav-link" href="/modules/install">Modul installieren/aktivieren</a>
</div>
</header>
<aside class="app-sidebar"> <aside class="app-sidebar">
<div class="brand"> <div class="brand-text">
<img src="/assets/images/logo.png" alt="Nexus Logo"> <div class="brand-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></div>
<div class="brand-text"> <div class="brand-sub">Nexus Control Panel</div>
<div class="brand-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></div>
<div class="brand-sub">Nexus Control Panel</div>
</div>
</div> </div>
<button class="sidebar-toggle" data-sidebar-toggle aria-label="Menü ein-/ausklappen"> <button class="sidebar-toggle" data-sidebar-toggle aria-label="Menü ein-/ausklappen">

14
public/assets/css/app.css
View File

@@ -79,7 +79,7 @@ body {
display: grid; display: grid;
grid-template-columns: 260px 1fr; grid-template-columns: 260px 1fr;
gap: 24px; gap: 24px;
padding: 0 24px 24px; padding: 24px;
} }
.app-sidebar { .app-sidebar {
@@ -130,6 +130,12 @@ body {
align-items: center; align-items: center;
gap: 14px; gap: 14px;
} }
.topbar-logo {
height: 40px;
width: auto;
filter: drop-shadow(0 8px 18px rgba(0,0,0,0.12));
margin-right: 10px;
}
.brand img { .brand img {
height: 46px; height: 46px;
width: auto; width: auto;
@@ -198,10 +204,10 @@ body {
top: 0; top: 0;
z-index: 20; z-index: 20;
margin: 0; margin: 0;
width: 100%; grid-column: 1 / -1;
background: var(--panel); background: var(--panel);
border: 1px solid var(--line); border: 1px solid var(--line);
border-radius: 0; border-radius: 16px;
padding: 16px 24px; padding: 16px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -311,7 +317,7 @@ body {
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
.app-shell { grid-template-columns: 1fr; padding: 0 18px 18px; } .app-shell { grid-template-columns: 1fr; padding: 18px; }
.app-sidebar { position: relative; top: 0; } .app-sidebar { position: relative; top: 0; }
} }
@media (max-width: 720px) { @media (max-width: 720px) {