Add placeholder image to signup page and change font to display font

This commit is contained in:
Emma Winston 2019-10-02 20:30:41 +01:00
parent 997effa0d7
commit 06db8ef2e9
2 changed files with 30 additions and 1 deletions

View File

@ -191,6 +191,29 @@
}
}
.originalhero {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: space-between;
svg {
fill: $secondary-text-color;
height: 200px;
}
h1 {
flex-grow: 2;
text-align: center;
white-space: nowrap;
font-family: $font-display, sans-serif;
font-size: 0.6rem;
}
}
.public-layout {
@media screen and (max-width: $no-gap-breakpoint) {
padding-top: 48px;
@ -410,7 +433,7 @@
flex-grow: 2;
text-align: center;
white-space: nowrap;
font-family: $font-sans-serif, sans-serif;
font-family: $font-display, sans-serif;
}
}

View File

@ -52,6 +52,12 @@
- if @instance_presenter.hero.present? || @instance_presenter.thumbnail.present?
.hero-widget__img
= image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url, alt: @instance_presenter.site_title
- else
%div{:class => ("originalhero")}
= svg_logo
%h1
= link_to root_url, class: 'brand' do
= site_title
- if @instance_presenter.site_short_description.present?
.hero-widget__text