TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 05:37:34 +03:00
Code Issues Projects Releases Wiki Activity

Updated password protection page layout

Browse Source
This commit is contained in:
Sanne de Vries 2022-03-09 14:34:42 +00:00
parent e24209a84f
commit 3a9f40845a
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/frontend/apps/private-blogging/lib/views/private.hbs
View File

@ -22,6 +22,9 @@
<main class="gh-main" role="main">
<div class="gh-flow">
<div class="gh-flow-content-wrap">
{{#if @site.icon}}
<img class="site-icon" src="{{img_url @site.icon absolute="true"}}" alt="icon">
{{/if}}
<section class="gh-flow-content private">
<header>
<h1>This site is private.</h1>

27
core/frontend/public/ghost.css
View File

@ -657,21 +657,28 @@ h2 {
}
.gh-flow-content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 5%;
padding-bottom: 8vh;
}
.gh-flow-content-wrap .site-icon {
width: 70px;
height: 70px;
border-radius: 3px;
}
.gh-flow-content {
display: flex;
flex-direction: column;
max-width: 520px;
width: 100%;
margin: 4.8rem 0 8rem;
margin: 4rem 0 6rem;
color: var(--darkgrey);
font-size: 1.9rem;
line-height: 1.5em;
@ -679,12 +686,20 @@ h2 {
}
.gh-flow-content.private {
max-width: 480px;
padding: 40px;
background: #fff;
border-radius: 3px;
box-shadow:
0 2.8px 2.2px rgba(0,0,0,.02),
0 6.7px 5.3px rgba(0,0,0,.02),
0 12.5px 10px rgba(0,0,0,.02),
0 22.3px 17.9px rgba(0,0,0,.03),
0 41.8px 33.4px rgba(0,0,0,.03),
0 100px 80px rgba(0,0,0,.05);
}
@media (max-width: 400px) {
.gh-flow-content {
margin: 4rem 0 6rem;
font-size: 4vw;
}
}
@ -696,7 +711,7 @@ h2 {
}
.gh-flow-content h1 {
margin-bottom: 40px;
margin-bottom: 32px;
color: #15171A;
font-size: 4.1rem;
font-weight: 700;
@ -789,7 +804,7 @@ h2 {
width: 100%;
height: 54px;
max-width: unset;
margin-top: 40px;
margin-top: 32px;
background: #15171A;
font-weight: 300;
line-height: 54px;