RGBCube/Site
1
Fork 0
mirror of https://github.com/RGBCube/Site synced 2025-07-31 13:07:46 +00:00
Code Issues Activity Actions

Scroll the top bar when can't show it all, make the scrollbar at the top

Browse source
This commit is contained in:
RGBCube 2024-01-09 13:11:32 +03:00
parent 7873a98fb0
commit f346f35166
No known key found for this signature in database
2 changed files with 15 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/page/text/mod.rs
View file

@ -27,10 +27,12 @@ pub fn create(title: Option<&str>, page: Page, body: &Markup) -> Markup {
html! {
.not-flex {
nav {
a.home href="/" { "HOME" }
a.about href="/about" { "ABOUT" }
a.blog href="/blog" { "BLOG" }
a.contact href="/contact" { "CONTACT" }
.content {
a.home href="/" { "HOME" }
a.about href="/about" { "ABOUT" }
a.blog href="/blog" { "BLOG" }
a.contact href="/contact" { "CONTACT" }
}
}
(body)

17
src/page/text/text.css
View file

@ -9,7 +9,7 @@ body {
.not-flex {
font-size: large;
word-break: break-all;
overflow-x: hidden;
display: initial;
width: min(100vw - 1em, 50em);
@ -17,17 +17,22 @@ body {
margin: 0 1em;
}
.content,
nav {
transform: rotateX(180deg);
}
nav {
font-size: larger;
word-break: normal;
overflow-x: hidden;
overflow-x: auto;
background-color: white;
padding: .3em .6em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
nav a {
@ -36,10 +41,6 @@ nav a {
margin-right: .6em;
}
nav a:last-child {
margin-right: 0;
}
a {
color: yellow;
}