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> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

11
frontend/src/App.css
View file

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