xpltdco/chrysopedia
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

fix: Added overflow-x:hidden to html/body, fixed mobile overflow on mod…

Browse source 
- "frontend/src/App.css"
- "frontend/index.html"

GSD-Task: S02/T02
This commit is contained in:
jlightner 2026-03-30 06:40:58 +00:00
parent b4b650a26d
commit 8dc7097603
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/index.html
View file

@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chrysopedia Admin</title>
<meta name="theme-color" content="#0a0a12" />
<title>Chrysopedia</title>
</head>
<body>
<div id="root"></div>

11
frontend/src/App.css
View file

@ -128,6 +128,11 @@
padding: 0;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;
@ -442,6 +447,9 @@ body {
.mode-toggle__label {
color: var(--color-text-on-header-label);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 6rem;
}
.mode-toggle__switch {
@ -736,6 +744,7 @@ body {
.app-header__right {
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
}
@ -1872,6 +1881,8 @@ body {
.creator-row__stats {
margin-left: 0;
white-space: normal;
flex-wrap: wrap;
}
.creators-browse__title,