From bb601f1562031d46864e5e6154aa8a085fcdc53f Mon Sep 17 00:00:00 2001
From: asal sahami <asalsahami22@gmail.com>
Date: Sat, 28 Sep 2024 13:12:08 +0200
Subject: [PATCH] sidebar
---
src/App/mediarules.css | 16 ++++++++++++++++
src/contents/engineering.tsx | 2 +-
2 files changed, 17 insertions(+), 1 deletion(-)
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 6102f1d9..0a4919df 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -90,6 +90,22 @@
width: 100em !important;
max-width: 250px !important;
}
+ .sidebar, #eng-sidebar {
+ display: block; /* Sicherstellen, dass die Sidebar sichtbar ist */
+ width: 100%; /* Die Sidebar nimmt die volle Breite ein */
+ position: relative; /* Sidebar bleibt relativ zum Inhalt */
+ padding: 10px; /* Etwas Abstand für die Sidebar */
+ background-color: #f8f9fa; /* Beispiel Hintergrundfarbe */
+ z-index: 1000; /* Sicherstellen, dass es über dem Inhalt bleibt */
+ }
+
+ /* Hauptinhalt unter der Sidebar */
+ .content {
+ width: 100%; /* Der Inhalt nimmt die volle Breite ein */
+ margin-top: 20px; /* Etwas Platz unter der Sidebar */
+ }
+}
+
.tag{
width: min-content !important;
}
diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index dc13142a..760589bb 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -107,7 +107,7 @@ export function Engineering() {
</section>
</div>
- <div className="enginneeringtab" id="tab-pe-systems" style={{display: "none"}}>
+ <div className="enginneeringtab" id="tab-pe-systems" style={{display: ""}}>
<section id="PE Systems sec" >
<div className="eng-box box" >
<H3 id="PE Systems" text="PE Systems"></H3>
--
GitLab