From 72d67dc77c1b512978ba5858b5d04e837427b2a2 Mon Sep 17 00:00:00 2001 From: Franklin Date: Tue, 14 Mar 2023 07:16:55 -0400 Subject: [PATCH] Navbar now makes logo clickable --- css/navbar.css | 24 ++++++++++++++---- css/search.css | 1 - dist/index.html | 10 ++++---- ...2d3e8e.css => navbar-75e2d6f22c68a898.css} | 24 ++++++++++++++---- ...max-template-frontend-4bfc28b84d3a6336.js} | 10 ++++---- ...emplate-frontend-4bfc28b84d3a6336_bg.wasm} | Bin 3172261 -> 3175804 bytes ...01d199.css => search-9bc9884bfc93b0b5.css} | 1 - src/components/nav_bar.rs | 4 ++- 8 files changed, 51 insertions(+), 23 deletions(-) rename dist/{navbar-747deb585a2d3e8e.css => navbar-75e2d6f22c68a898.css} (95%) rename dist/{remax-template-frontend-94e47e680b3b812.js => remax-template-frontend-4bfc28b84d3a6336.js} (98%) rename dist/{remax-template-frontend-94e47e680b3b812_bg.wasm => remax-template-frontend-4bfc28b84d3a6336_bg.wasm} (57%) rename dist/{search-daf569157201d199.css => search-9bc9884bfc93b0b5.css} (99%) diff --git a/css/navbar.css b/css/navbar.css index cf30557..7fb3d1e 100644 --- a/css/navbar.css +++ b/css/navbar.css @@ -1,7 +1,4 @@ - - /* Mobile View */ - .navbar-background { position: fixed; width: 100%; @@ -13,6 +10,7 @@ background-color: #252631; min-height: 74px; } + .navbar-container { display: flex; flex-direction: column; @@ -21,6 +19,7 @@ flex-grow: 1; padding: 15px; } + .navbar-hamburger { font-size: 20pt; color: white; @@ -32,6 +31,7 @@ min-width: 30px; padding: 15px; } + .navbar-hamburger:hover { background-color: #ffffff14; font-size: 22pt; @@ -40,6 +40,7 @@ transition-duration: 0.3s; cursor: pointer; } + .navbar-closed{ display: flex; flex-direction: column; @@ -47,6 +48,7 @@ margin-top: 10px; display: none; } + .navbar-open { display: flex; flex-direction: column; @@ -62,6 +64,7 @@ padding-bottom: 10px; font-family: Source Sans Pro; } + .navbar-item:hover { background-color: #ffffff14; font-size: 13pt; @@ -71,12 +74,16 @@ cursor: pointer; } -.navbar-brand-container{ +.navbar-brand-container { display: flex; flex-direction: row; - justify-content: center; + justify-content: flex-start; align-items: center; + max-width: 250px; +} +.navbar-brand-container:hover { + cursor: pointer; } .navbar-title { @@ -98,12 +105,14 @@ justify-content: flex-start; align-items: stretch; } + .navbar { display: flex; flex-direction: row; justify-content: flex-end; flex-grow: 1; } + .navbar-closed { display: flex; flex-direction: row; @@ -111,6 +120,7 @@ flex-grow: 1; margin-top: 0px; } + .navbar-open { display: flex; flex-direction: row; @@ -118,6 +128,7 @@ flex-grow: 1; margin-top: 0px; } + .navbar-item { color: white; font-size: 12pt; @@ -127,6 +138,7 @@ padding-bottom: 10px; font-family: Source Sans Pro; } + .navbar-item:hover { background-color: #ffffff14; font-size: 13pt; @@ -135,11 +147,13 @@ transition-duration: 0.3s; cursor: pointer; } + .navbar-title { color: white; font-size: 23pt; font-family: Sacramento; } + .navbar-hamburger { display: none; } diff --git a/css/search.css b/css/search.css index a3ddf97..098e6bc 100644 --- a/css/search.css +++ b/css/search.css @@ -1,5 +1,4 @@ - .property-search-container { display: flex; flex-direction: column; diff --git a/dist/index.html b/dist/index.html index 87d87b6..44b49e2 100644 --- a/dist/index.html +++ b/dist/index.html @@ -3,9 +3,9 @@ Yew App - + - + @@ -13,9 +13,9 @@ - - -