Fix some layout issues

This commit is contained in:
Jordan Eldredge 2025-11-04 21:44:50 -08:00
parent 0705e9d89e
commit fbe3a0090f
2 changed files with 12 additions and 0 deletions

View file

@ -66,6 +66,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
key={skin.md5}
skin-md5={skin.md5}
skin-index={i}
className="scroller"
style={{
display: "flex",
flexDirection: "column",
@ -100,6 +101,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
paddingBottom: "0",
fontFamily: 'Arial, "Helvetica Neue", Helvetica, sans-serif',
color: "#ccc",
wordBreak: "break-all",
}}
>
{skin.fileName}
@ -111,6 +113,7 @@ export default function SkinScroller({ initialSkins, getSkins }: Props) {
paddingTop: "0",
color: "#999",
fontFamily: 'monospace, "Courier New", Courier, monospace',
overflow: "hidden",
}}
>
{skin.readmeStart}

View file

@ -3,3 +3,12 @@ body {
height: 100vh; /* Set body height to viewport height */
background-color: rgb(0, 0, 0);
}
.scroller::-webkit-scrollbar {
display: none; /* Chrome, Safari, Edge */
}
.scroller {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}