sdsfsf

2026-05-04 01:55:41 +02:00
parent f161a4c622
commit 468736ac4d
6 changed files with 42 additions and 8 deletions
--- a/PROJECT_CONTEXT.md
+++ b/PROJECT_CONTEXT.md
@@ -60,6 +60,11 @@ Modulspezifische Assets:
 - `Submenü-Box`: Box direkt unter der Seitenheader-Box für modul- oder seitenbezogene Aktionen.
 - `Bereichs-Box`: größere Inhaltsbox für einen zusammenhängenden Seitenbereich.
 - `Karten-Box`: kleinere Karte auf derselben Ebene wie Bereichs-Boxen, meist in Grids.
+- Zentrale CSS-Klassen:
+  - `main-header-box`
+  - `submenu-box`
+  - `section-box`
+  - `card-box`
 - Modulseiten sollen diesem Muster folgen:
  - zuerst Seitenheader-Box
  - danach Submenü-Box
--- a/README.md
+++ b/README.md
@@ -10,6 +10,13 @@ Für die Oberfläche gilt projektweit dieses Naming:
 - `Bereichs-Box`: größere Inhaltsbox für einen zusammenhängenden Bereich; davon können beliebig viele untereinander folgen
 - `Karten-Box`: kleinere Inhaltskarte auf derselben Ebene wie Bereichs-Boxen, typischerweise innerhalb eines Grids für Kennzahlen, Statistiken oder Modulübersichten

+Zentrale CSS-Klassen für dieses Layout:
+
+- `main-header-box`
+- `submenu-box`
+- `section-box`
+- `card-box`
+
 Beispiele:

 - `Börsenchecker`: Seitenheader-Box, Submenü-Box, Bereichs-Box, Karten-Boxen, Bereichs-Box
--- a/partials/landingpages/modules/index.php
+++ b/partials/landingpages/modules/index.php
@@ -2,7 +2,9 @@
 $modules = modules()->all();
 $error = null;
 $notice = null;
-$GLOBALS['layout_header_title'] = 'Aktive Module';
+$GLOBALS['layout_header_base_title'] = 'Modulverwaltung';
+$GLOBALS['layout_header_title'] = 'Modulverwaltung';
+$GLOBALS['layout_header_context'] = 'Aktive Module';
 $GLOBALS['layout_header_text'] = '';
 $GLOBALS['layout_header_actions'] = [];
 $knownAuthUsers = modules()->knownAuthUsers();
@@ -59,7 +61,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    </div>
  <?php endif; ?>

-  <div class="module-box-soft">
+  <div class="submenu-box">
    <div class="module-hero-top module-hero-top--compact">
      <nav class="module-tabs" aria-label="Modulverwaltung">
        <a class="module-button module-button--tab-active" href="/modules">Aktive Module</a>
@@ -108,7 +110,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
            ? count($pendingMigrations) . ' ausstehend'
            : (($migrationStatus['available'] ?? 0) > 0 ? 'Schema aktuell' : 'Keine Migrationen');
      ?>
-      <article class="module-admin-card">
+      <article class="card-box module-admin-card">
        <div class="module-admin-card__head">
          <div class="module-admin-card__title">
            <h2><?= e($module['title']) ?></h2>
--- a/partials/structure/layout_start.php
+++ b/partials/structure/layout_start.php
@@ -7,13 +7,19 @@ if ($currentModuleName === null && preg_match('~^/modules/(?:setup|access)/([a-z
 $currentModule = $currentModuleName !== null ? modules()->get($currentModuleName) : null;
 $isStagingHost = defined('APP_DOMAIN_PRIMARY') && str_starts_with((string) APP_DOMAIN_PRIMARY, 'staging.');
 $headerEyebrow = '';
-$headerTitle = $currentModule
+$defaultHeaderTitle = $currentModule
    ? (string)($currentModule['title'] ?? $currentModuleName)
    : ('Nexus' . ($isStagingHost ? ' (staging)' : ''));
 $headerText = $currentModule ? (string)($currentModule['description'] ?? '') : '';
+$headerBaseTitle = isset($GLOBALS['layout_header_base_title']) && is_string($GLOBALS['layout_header_base_title']) && trim($GLOBALS['layout_header_base_title']) !== ''
+    ? trim($GLOBALS['layout_header_base_title'])
+    : $defaultHeaderTitle;
 $headerTitle = isset($GLOBALS['layout_header_title']) && is_string($GLOBALS['layout_header_title']) && trim($GLOBALS['layout_header_title']) !== ''
    ? trim($GLOBALS['layout_header_title'])
-    : $headerTitle;
+    : $headerBaseTitle;
+$headerContext = isset($GLOBALS['layout_header_context']) && is_string($GLOBALS['layout_header_context'])
+    ? trim($GLOBALS['layout_header_context'])
+    : '';
 $headerText = isset($GLOBALS['layout_header_text']) && is_string($GLOBALS['layout_header_text'])
    ? trim($GLOBALS['layout_header_text'])
    : $headerText;
@@ -50,7 +56,7 @@ $authUser = $auth->user();
 </head>
 <body>
  <main class="main-shell">
-    <section class="home-hero app-header" data-module-name="<?= e((string)($currentModuleName ?? '')) ?>">
+    <section class="home-hero app-header main-header-box" data-module-name="<?= e((string)($currentModuleName ?? '')) ?>">
      <a class="brand-mark" href="/" aria-label="Nexus">
        <img src="/assets/images/logo.png" alt="Nexus Logo">
      </a>
@@ -58,7 +64,12 @@ $authUser = $auth->user();
        <?php if ($headerEyebrow !== ''): ?>
          <span class="eyebrow"><?= e($headerEyebrow) ?></span>
        <?php endif; ?>
-        <h1><?= e($headerTitle) ?></h1>
+        <h1>
+          <?= e($headerTitle) ?>
+          <?php if ($headerContext !== ''): ?>
+            <span class="module-page-context"> / <?= e($headerContext) ?></span>
+          <?php endif; ?>
+        </h1>
        <?php if ($headerText !== ''): ?>
          <p><?= e($headerText) ?></p>
        <?php endif; ?>
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -95,6 +95,7 @@ a {
  padding: 22px 0 48px;
 }

+.main-header-box,
 .home-hero {
  position: relative;
  overflow: hidden;
@@ -111,6 +112,7 @@ a {
  box-shadow: var(--shadow);
 }

+:root[data-theme="night"] .main-header-box,
 :root[data-theme="night"] .home-hero {
  background:
    linear-gradient(135deg, rgba(8, 18, 28, 0.94), rgba(15, 29, 42, 0.86)),
@@ -1102,6 +1104,7 @@ body.has-modal-open {
  gap: 16px;
 }

+.submenu-box,
 .module-hero {
  display: grid;
  gap: 14px;
@@ -1114,6 +1117,7 @@ body.has-modal-open {
  box-shadow: var(--shadow);
 }

+:root[data-theme="night"] .submenu-box,
 :root[data-theme="night"] .module-hero {
  background:
    linear-gradient(135deg, rgba(8, 18, 28, 0.94), rgba(15, 29, 42, 0.86)),
@@ -1226,6 +1230,8 @@ body.has-modal-open {
  vertical-align: middle;
 }

+.section-box,
+.card-box,
 .module-box,
 .module-box-soft,
 .module-box-table,
@@ -1237,12 +1243,15 @@ body.has-modal-open {
  backdrop-filter: blur(8px);
 }

+.section-box,
+.card-box,
 .module-box,
 .module-box-soft,
 .module-box-table {
  padding: 18px 20px;
 }

+.card-box,
 .module-box-soft {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,252,252,0.92));
 }
--- a/src/App/functions.php
+++ b/src/App/functions.php
@@ -371,7 +371,7 @@ function module_shell_header(string $module, array $options = []): string
    };

    $html = '<div class="module-shell"><div class="module-page-bg"><div class="module-page-stack">';
-    $html .= '<header class="module-hero">';
+    $html .= '<header class="module-hero submenu-box">';

    if ($tabs !== [] || $actions !== []) {
        $html .= '<div class="module-hero-top module-hero-top--compact">';