From cbdff109e6a56a8f9a43a0d28b8911969d18a497 Mon Sep 17 00:00:00 2001
From: rayhanp1402 <rayhan.hanif14maulana@gmail.com>
Date: Mon, 23 Oct 2023 17:51:20 +0700
Subject: [PATCH] Add app title to navbar, positions the navigation buttons to
the right
---
src/components/Navbar.php | 3 +++
src/components/NavbarAdmin.php | 3 +++
src/public/css/style.css | 14 ++++++++++++--
3 files changed, 18 insertions(+), 2 deletions(-)
diff --git a/src/components/Navbar.php b/src/components/Navbar.php
index ae6907e..7ce6c9a 100644
--- a/src/components/Navbar.php
+++ b/src/components/Navbar.php
@@ -4,6 +4,9 @@ function Navbar()
{
$html = <<<"EOT"
<div class="navbar">
+ <div class="navbar-title">
+ Gym Tracker
+ </div>
<a class="navbar-content" id="navigate-to-home" href="/home">
Home
</a>
diff --git a/src/components/NavbarAdmin.php b/src/components/NavbarAdmin.php
index 412c688..cec5188 100644
--- a/src/components/NavbarAdmin.php
+++ b/src/components/NavbarAdmin.php
@@ -4,6 +4,9 @@ function NavbarAdmin()
{
$html = <<<"EOT"
<div class="navbar">
+ <div class="navbar-title">
+ Gym Tracker
+ </div>
<a class="navbar-content-admin" id="navigate-to-city" href="/admin/city">
City
</a>
diff --git a/src/public/css/style.css b/src/public/css/style.css
index 523ee30..01d2d0e 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -237,11 +237,21 @@ input.input-search {
border: 1px solid var(--border-standard);
background: var(--navbar-color);
}
+
+.navbar-title {
+ width: 60%;
+ color: var(--text-light);
+ padding-left: 5%;
+ font-family: 'Aubrey';
+ font-weight: bold;
+ font-size: 19px;
+}
+
.navbar-content {
- width: 50%;
+ width: 20%;
}
.navbar-content-admin {
- width: 33.3%;
+ width: 20%;
}
.navbar-content,
.navbar-content-admin {
--
GitLab