0
0
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:
Víctor Losada Hernández
2024-01-28 11:18:37 +01:00
parent 5fbbd92ea7
commit cccebd8494
2 changed files with 25 additions and 6 deletions

View File

@@ -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 />

View File

@@ -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;