Refined mobile screen for unsubscribe

This commit is contained in:
Peter Zimon 2019-11-16 16:39:26 +01:00
parent 1f67cc6ddc
commit a64fab7e69
2 changed files with 10 additions and 3 deletions

View File

@ -15,7 +15,7 @@
<div class="gh-viewport">
<main class="gh-main" role="main">
<div class="gh-flow">
<header class="gh-flow-head">
<header class="gh-flow-head gh-flow-head-unsubscribe">
<nav class="gh-flow-nav">
<a href="{{@site.url}}" class="gh-flow-back-plain">
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
@ -35,7 +35,7 @@
</header>
<div class="gh-flow-content-wrap">
<section class="gh-flow-content gh-flow-content-regular">
<section class="gh-flow-content gh-flow-content-unsubscribe">
<p>
{{#if error}}
Uh oh! Unsubscribe failed: "{{error}}"

View File

@ -741,14 +741,21 @@ h2 {
padding-left: 35px;
}
.gh-flow-content-regular {
.gh-flow-content-unsubscribe {
font-weight: 300;
}
@media (max-width: 500px) {
.gh-flow-head-unsubscribe {
padding-top: 2.8vh;
}
.gh-flow-content {
font-size: 4vw;
}
.gh-flow-content-unsubscribe {
font-size: 1.8rem;
line-height: 1.6em;
}
}
.gh-flow-content header {
margin: 0 auto;