saulteafarmer/awesome-chatgpt-prompts
1
0
Fork 0
mirror of https://github.com/f/awesome-chatgpt-prompts.git synced 2025-06-06 18:30:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrollbar appearance on Windows

Browse Source 
Scrollbar appearance on Windows improved. Fixed sidebar and main content positioning below the footer.
This commit is contained in:
Kemal Ersin YILMAZ 2025-03-12 17:59:33 +03:00 committed by GitHub
parent 7c65334f53
commit b20226fc9f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 305 additions and 293 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
_layouts/default.html
View File

@ -10,6 +10,8 @@
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
<style> <style>
:root { :root {
--header-height: 145px;
--footer-height: 145px;
--bg-color-light: #ffffff; --bg-color-light: #ffffff;
--bg-color-dark: #1a1a1a; --bg-color-dark: #1a1a1a;
--text-color-light: #000000; --text-color-light: #000000;
@ -24,6 +26,7 @@
color: var(--text-color-light); color: var(--text-color-light);
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: hidden;
} }
body.dark-mode { body.dark-mode {
@ -55,6 +58,7 @@
} }
.site-header { .site-header {
height: var(--header-height);
padding: 1rem 2rem; padding: 1rem 2rem;
text-align: left; text-align: left;
border-bottom: 1px solid #e1e4e8; border-bottom: 1px solid #e1e4e8;
@ -133,6 +137,7 @@
} }
.site-footer { .site-footer {
height: var(--footer-height);
padding: 12px 20px; padding: 12px 20px;
text-align: center; text-align: center;
border-top: 1px solid #e1e4e8; border-top: 1px solid #e1e4e8;
@ -497,23 +502,30 @@
width: var(--sidebar-width); width: var(--sidebar-width);
padding: 20px; padding: 20px;
border-right: 1px solid #e1e4e8; border-right: 1px solid #e1e4e8;
height: calc(100vh - 140px); height: calc(100vh - var(--header-height) - var(--footer-height));
overflow-y: auto; overflow-y: auto;
background-color: var(--bg-color-light); background-color: var(--bg-color-light);
scrollbar-width: thin;
} }
.dark-mode .sidebar { .dark-mode .sidebar {
background-color: var(--bg-color-dark); background-color: var(--bg-color-dark);
border-right-color: #2d2d2d; border-right-color: #2d2d2d;
scrollbar-color: #2d2d2d transparent;
} }
.main-content { .main-content {
flex: 1; flex: 1;
height: calc(100vh - 140px); height: calc(100vh - var(--header-height) - var(--footer-height));
overflow-y: auto; overflow-y: auto;
padding: 20px; padding: 20px;
padding-top: 0; padding-top: 0;
position: relative; position: relative;
scrollbar-width: thin;
}
.dark-mode .main-content {
scrollbar-color: #2d2d2d transparent;
} }
.main-content-header { .main-content-header {