mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-26 07:22:44 +00:00
title and no brews UI
This commit is contained in:
@@ -64,7 +64,12 @@ const ArchivePage = createClass({
|
||||
console.log('brews: ',brews);
|
||||
|
||||
if (!brews || brews.length === 0) {
|
||||
return <div>No brews found.</div>;
|
||||
return(
|
||||
<div className="foundBrews noBrews">
|
||||
<h2>We haven't found brews meeting your request.</h2>
|
||||
</div>
|
||||
|
||||
);
|
||||
}
|
||||
this.updateUrl();
|
||||
return <div className="foundBrews">
|
||||
@@ -118,6 +123,9 @@ const ArchivePage = createClass({
|
||||
renderNavItems: function () {
|
||||
return (
|
||||
<Navbar>
|
||||
<Nav.section>
|
||||
<Nav.item className='brewTitle'>Archive: Search for brews</Nav.item>
|
||||
</Nav.section>
|
||||
<Nav.section>
|
||||
<NewBrew />
|
||||
<HelpNavItem />
|
||||
|
||||
@@ -11,6 +11,13 @@ body {
|
||||
height: 100%;
|
||||
background-color: #2C3E50;
|
||||
|
||||
h1,h2,h3 {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: grid;
|
||||
grid-template-rows: 20vh 1fr;
|
||||
@@ -26,8 +33,6 @@ body {
|
||||
|
||||
h1 {
|
||||
font-size: 40px;
|
||||
font-weight: 900;
|
||||
color: white;
|
||||
filter:drop-shadow(0 0 5px black);
|
||||
}
|
||||
}
|
||||
@@ -47,7 +52,6 @@ body {
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
font-weight: 900;
|
||||
border-bottom: 2px solid;
|
||||
margin-block: 20px;
|
||||
}
|
||||
@@ -77,8 +81,6 @@ body {
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
.foundBrews {
|
||||
@@ -90,6 +92,15 @@ body {
|
||||
padding: 50px;
|
||||
overflow-y:scroll;
|
||||
|
||||
&.noBrews {
|
||||
display:grid;
|
||||
place-items:center;
|
||||
|
||||
h3 {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.limit {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
Reference in New Issue
Block a user