diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css index b88cd57..7f7e6cf 100644 --- a/src/components/Sidebar/Sidebar.module.css +++ b/src/components/Sidebar/Sidebar.module.css @@ -26,9 +26,9 @@ .logoContainer { display: flex; - width: 200px; - height: 60px; - padding: 13px 20px 7px 20px; + width: 100%; + height: auto; + padding: 30px 20px 7px 20px; justify-content: center; align-items: center; flex-shrink: 0; diff --git a/src/components/Sidebar/SidebarData.tsx b/src/components/Sidebar/SidebarData.tsx index 0f279d1..72f3748 100644 --- a/src/components/Sidebar/SidebarData.tsx +++ b/src/components/Sidebar/SidebarData.tsx @@ -49,7 +49,7 @@ const useSidebarData = () => { }, { id: '7', - name: 'Settings', + name: 'Einstellungen', link: '/einstellungen', icon: GoGear, }, diff --git a/src/pages/Dashboard.module.css b/src/pages/Dashboard.module.css index 8578ecd..2b3199e 100644 --- a/src/pages/Dashboard.module.css +++ b/src/pages/Dashboard.module.css @@ -4,12 +4,16 @@ flex-direction: column; gap: 20px; font-family: var(--font-family); + width: 98%; + max-height: calc(100vh - 100px); + } .chatLogContainer { display: flex; gap: 20px; transition: all 0.3s ease; + } .chatLogContainer.expanded { @@ -27,15 +31,15 @@ } .chatArea45vh { - height: 45vh; -} - -.chatArea60vh { height: 60vh; } +.chatArea60vh { + height: 85vh; +} + .logArea15vh { - height: 15vh; + height: 10vh; } .logArea25vh { @@ -47,7 +51,7 @@ } .logArea60vh { - height: 60vh; + height: 85vh; } .promptArea30vh { diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index 8d1c68f..3ed4cad 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -63,13 +63,13 @@ function Dashboard () { // Memoize style objects to prevent infinite re-renders const promptStyle = useMemo(() => ({ - marginBottom: !isPromptAreaCollapsed ? "40px" : "0" + marginBottom: !isPromptAreaCollapsed ? "0px" : "0" }), [isPromptAreaCollapsed]); const chatStyle = useMemo(() => ({ width: isChatExpanded ? "100%" : "calc(50% - 10px)", flex: isChatExpanded ? "none" : "1", - marginBottom: isChatExpanded ? "40px" : "0" + marginBottom: isChatExpanded ? "0px" : "0" }), [isChatExpanded]); const logStyle = useMemo(() => ({ diff --git a/src/pages/Einstellungen/Einstellungen.module.css b/src/pages/Einstellungen/Einstellungen.module.css index e44b5eb..776edfa 100644 --- a/src/pages/Einstellungen/Einstellungen.module.css +++ b/src/pages/Einstellungen/Einstellungen.module.css @@ -3,15 +3,17 @@ display: flex; flex-direction: column; align-self: stretch; + justify-content: top; max-height: calc(100vh - 100px); overflow: hidden; font-family: var(--font-family); + width: 98%; } .contentWrapper { flex: 1; overflow-y: auto; - padding: 20px 0; + padding: 0px 0; } .settingsCard { @@ -23,7 +25,7 @@ background: var(--color-bg); position: relative; box-shadow: 0px 2px 6px 0px rgba(194, 194, 194, 0.10); - max-width: 800px; + width: 100%; margin: 0 auto; gap: 30px; }