Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-03-04 02:20:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Homepage refactor

Browse Source
This commit is contained in:
Reece
2025-06-05 21:59:18 +01:00
parent 7dd79aa2a1
commit 0c76bf2c8b
6 changed files with 453 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
frontend/src/styles/HomePage.module.css Normal file
View File

@@ -0,0 +1,95 @@
/* Main container */
.container {
min-height: 100vh;
width: 100vw;
overflow: hidden;
flex-wrap: nowrap;
display: flex;
}
/* Left sidebar */
.leftSidebar {
min-width: 180px;
max-width: 240px;
width: 16vw;
height: 100vh;
z-index: 101;
display: flex;
flex-direction: column;
}
.leftSidebarLight {
border-right: 1px solid #e9ecef;
background: #fff;
}
.leftSidebarDark {
border-right: 1px solid var(--mantine-color-dark-4);
background: var(--mantine-color-dark-7);
}
/* Main content area */
.mainContent {
flex: 1;
height: 100vh;
min-width: 20rem;
position: relative;
display: flex;
flex-direction: column;
transition: all 0.3s;
}
.mainContentLight {
background: #f8f9fa;
}
.mainContentDark {
background: var(--mantine-color-dark-6);
}
/* Main paper container */
.mainPaper {
flex: 1;
min-height: 0;
margin-top: 0;
box-sizing: border-box;
overflow: hidden;
display: flex;
flex-direction: column;
}
.mainPaperInner {
flex: 1;
min-height: 0;
}
/* Right sidebar */
.rightSidebar {
min-width: 260px;
max-width: 400px;
width: 22vw;
height: 100vh;
padding: 24px;
gap: 16px;
z-index: 100;
display: flex;
flex-direction: column;
}
.rightSidebarLight {
border-left: 1px solid #e9ecef;
background: #fff;
}
.rightSidebarDark {
border-left: 1px solid var(--mantine-color-dark-4);
background: var(--mantine-color-dark-7);
}
/* Sidebar toggle button */
.sidebarToggle {
position: fixed;
top: 16px;
right: 16px;
z-index: 200;
}