Add page header

This commit is contained in:
3nprob 2021-10-08 18:11:44 +09:00
parent 903eb2b9ba
commit d0fa07957f
6 changed files with 232 additions and 167 deletions

View File

@ -11,3 +11,53 @@ img.album-img {
.ProfilePosts-posts {
margin-top: 311px;
}
body {
margin: 0;
}
.App {
padding: 16px;
}
.Navbar {
padding: 16px;
background: #222;
}
.NavbarContainer-left {
font-size: 2em;
font-weight: bold;
float: left;
padding: 8px;
}
.NavbarContainer-right {
/* margin: 0 0 0 auto; */
align-items: end;
/* flex: 1; */
justify-content: space-around;
text-align: right;
float: right;
padding: 8px;
}
.NavbarContainer-left, .NavbarContainer-right {
display: block;
}
.HomeNavbar {
position: sticky;
position: -webkit-sticky;
padding: 0;
display: inline-block;
top: 0;
}
.Navbar {
width: 100%;
z-index: 1000;
text-align: center;
margin: 0 auto;
}

View File

@ -1,7 +1,10 @@
body {
font-size: 100%;
font-family: Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
background-color: #2e3035;
color: #fff;
overflow-y: scroll;
overflow-x: hidden;
}
.UserAvatar {

View File

@ -2,4 +2,6 @@ html
head
include includes/head.pug
body
include includes/header.pug
.App
img(src=util.proxyURL(url), alt='' class='album-img')

View File

@ -52,6 +52,10 @@ html
head
include includes/head.pug
body
include includes/header.pug
.App
.Gallery-MainContainer
.Gallery-contentWrapper
div(class='Gallery-Content')
div(class='Gallery-Header')
div(class='Gallery-Title')

View File

@ -0,0 +1,4 @@
.MoveContainer.Navbar.HomeNavbar
.NavbarContainer-left rimgu
.NavbarContainer-right
a(href='https://codeberg.org/3np/rimgu' target='blank') [src]

View File

@ -2,6 +2,8 @@ html
head
include includes/head.pug
body
include includes/header.pug
.App
.Profile
if tag
.App-cover.NewCover.TagsCover(style='background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 20%), url("/' + tag.background_hash + '.jpg");')