bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fall back to text logo on homepage

Browse source
This commit is contained in:
Alex Gleason 2020-04-10 16:37:19 -05:00
parent 84f6b91ce5
commit f351823129
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/gabsocial/features/landing_page/index.js
View file

@ -19,13 +19,19 @@ class LandingPage extends ImmutablePureComponent {
if (instance.isEmpty() || soapbox.isEmpty()) return null; if (instance.isEmpty() || soapbox.isEmpty()) return null;
const siteLogo = soapbox.get('logo') ? (
<img alt={instance.get('title')} src={soapbox.get('logo')} />
) : (
<h1>{instance.get('title')}</h1>
);
return ( return (
<div className='public-layout'> <div className='public-layout'>
<nav className='header'> <nav className='header'>
<div className='header-container'> <div className='header-container'>
<div className='nav-left'> <div className='nav-left'>
<Link className='brand' to='/'> <Link className='brand' to='/'>
<img alt={instance.get('title')} src={soapbox.get('logo')} /> {siteLogo}
</Link> </Link>
<Link className='nav-link optional' to='/'>Home</Link> <Link className='nav-link optional' to='/'>Home</Link>
<Link className='nav-link' to='/about'>About</Link> <Link className='nav-link' to='/about'>About</Link>
@ -62,7 +68,7 @@ class LandingPage extends ImmutablePureComponent {
<div className='landing-columns--left'> <div className='landing-columns--left'>
<div className='landing__brand'> <div className='landing__brand'>
<Link className='brand' to='/'> <Link className='brand' to='/'>
<img alt={instance.get('title')} src={soapbox.get('logo')} /> {siteLogo}
</Link> </Link>
<div className='brand__tagline'> <div className='brand__tagline'>
<span>{instance.get('description')}</span> <span>{instance.get('description')}</span>

11
app/styles/gabsocial/about.scss
View file

@ -663,7 +663,7 @@ $small-breakpoint: 960px;
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
background-image: none; background-image: none;
.brand__tagline { color: white; } .brand__tagline, .brand h1 { color: white; }
.header { .header {
.nav-link { .nav-link {
color: white; color: white;
@ -759,6 +759,10 @@ $small-breakpoint: 960px;
display: none; display: none;
} }
} }
h1 {
font-size: 40px;
}
} }
.directory { .directory {
@ -926,6 +930,11 @@ $small-breakpoint: 960px;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
margin-right: 15px; margin-right: 15px;
h1 {
@include font-montserrat();
color: $gab-brand-default;
}
} }
.brand__tagline { .brand__tagline {