Add page header
This commit is contained in:
parent
903eb2b9ba
commit
d0fa07957f
|
@ -11,3 +11,53 @@ img.album-img {
|
||||||
.ProfilePosts-posts {
|
.ProfilePosts-posts {
|
||||||
margin-top: 311px;
|
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;
|
||||||
|
}
|
||||||
|
|
|
@ -1,7 +1,10 @@
|
||||||
body {
|
body {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font-family: Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
|
font-family: Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
|
||||||
|
background-color: #2e3035;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
overflow-y: scroll;
|
||||||
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.UserAvatar {
|
.UserAvatar {
|
||||||
|
|
|
@ -2,4 +2,6 @@ html
|
||||||
head
|
head
|
||||||
include includes/head.pug
|
include includes/head.pug
|
||||||
body
|
body
|
||||||
|
include includes/header.pug
|
||||||
|
.App
|
||||||
img(src=util.proxyURL(url), alt='' class='album-img')
|
img(src=util.proxyURL(url), alt='' class='album-img')
|
||||||
|
|
|
@ -52,6 +52,10 @@ html
|
||||||
head
|
head
|
||||||
include includes/head.pug
|
include includes/head.pug
|
||||||
body
|
body
|
||||||
|
include includes/header.pug
|
||||||
|
.App
|
||||||
|
.Gallery-MainContainer
|
||||||
|
.Gallery-contentWrapper
|
||||||
div(class='Gallery-Content')
|
div(class='Gallery-Content')
|
||||||
div(class='Gallery-Header')
|
div(class='Gallery-Header')
|
||||||
div(class='Gallery-Title')
|
div(class='Gallery-Title')
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
.MoveContainer.Navbar.HomeNavbar
|
||||||
|
.NavbarContainer-left rimgu
|
||||||
|
.NavbarContainer-right
|
||||||
|
a(href='https://codeberg.org/3np/rimgu' target='blank') [src]
|
|
@ -2,6 +2,8 @@ html
|
||||||
head
|
head
|
||||||
include includes/head.pug
|
include includes/head.pug
|
||||||
body
|
body
|
||||||
|
include includes/header.pug
|
||||||
|
.App
|
||||||
.Profile
|
.Profile
|
||||||
if tag
|
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");')
|
.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");')
|
||||||
|
|
Loading…
Reference in New Issue