From 2ea97977487998911ab5c1aa082e422775fa11a3 Mon Sep 17 00:00:00 2001 From: Garion Cox Date: Mon, 18 Mar 2024 19:02:17 -0600 Subject: [PATCH] Checkpoint --- .../Components/Layout/MainFooter.razor | 16 +++ .../Components/Layout/MainFooter.razor.css | 19 ++++ .../Components/Layout/MainLayout.razor | 6 +- KakeysBakery/Components/Layout/MyFooter.razor | 15 --- .../Components/Layout/MyFooter.razor.css | 99 ------------------- .../Layout/{MyNavMenu.razor => NavMenu.razor} | 29 +++--- ...{MyNavMenu.razor.css => NavMenu.razor.css} | 0 KakeysBakery/Components/Pages/Home.razor | 6 +- KakeysBakery/Components/Pages/Home.razor.css | 25 ++++- 9 files changed, 74 insertions(+), 141 deletions(-) create mode 100644 KakeysBakery/Components/Layout/MainFooter.razor create mode 100644 KakeysBakery/Components/Layout/MainFooter.razor.css delete mode 100644 KakeysBakery/Components/Layout/MyFooter.razor delete mode 100644 KakeysBakery/Components/Layout/MyFooter.razor.css rename KakeysBakery/Components/Layout/{MyNavMenu.razor => NavMenu.razor} (71%) rename KakeysBakery/Components/Layout/{MyNavMenu.razor.css => NavMenu.razor.css} (100%) diff --git a/KakeysBakery/Components/Layout/MainFooter.razor b/KakeysBakery/Components/Layout/MainFooter.razor new file mode 100644 index 0000000..51c4e91 --- /dev/null +++ b/KakeysBakery/Components/Layout/MainFooter.razor @@ -0,0 +1,16 @@ + \ No newline at end of file diff --git a/KakeysBakery/Components/Layout/MainFooter.razor.css b/KakeysBakery/Components/Layout/MainFooter.razor.css new file mode 100644 index 0000000..e3baf2f --- /dev/null +++ b/KakeysBakery/Components/Layout/MainFooter.razor.css @@ -0,0 +1,19 @@ +.bi { + display: inline-block; + position: relative; + width: 1.25rem; + height: 1.25rem; + margin-right: 0.75rem; + top: -1px; + background-size: cover; +} + +.i { + font-family: Trebuchet MS; + font-size: 1.6rem; + color: #dee2e6; +} + +.footer { + background-color: #4E362E +} \ No newline at end of file diff --git a/KakeysBakery/Components/Layout/MainLayout.razor b/KakeysBakery/Components/Layout/MainLayout.razor index 6edb2f0..989ed7f 100644 --- a/KakeysBakery/Components/Layout/MainLayout.razor +++ b/KakeysBakery/Components/Layout/MainLayout.razor @@ -2,13 +2,13 @@
- + -
+
@Body
- +
diff --git a/KakeysBakery/Components/Layout/MyFooter.razor b/KakeysBakery/Components/Layout/MyFooter.razor deleted file mode 100644 index 24ab89c..0000000 --- a/KakeysBakery/Components/Layout/MyFooter.razor +++ /dev/null @@ -1,15 +0,0 @@ -
- -
- - - - © 2024 Company, Inc -
- -
    -
    • -
    • -
    • -
-
\ No newline at end of file diff --git a/KakeysBakery/Components/Layout/MyFooter.razor.css b/KakeysBakery/Components/Layout/MyFooter.razor.css deleted file mode 100644 index 195fc08..0000000 --- a/KakeysBakery/Components/Layout/MyFooter.razor.css +++ /dev/null @@ -1,99 +0,0 @@ -.navbar-toggler { - appearance: none; - cursor: pointer; - width: 3.5rem; - height: 2.5rem; - color: white; - /*position: absolute;*/ - top: 0.5rem; - right: 1rem; - border: 1px solid rgba(255, 255, 255, 0.1); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1); -} - -.navbar-toggler:checked { - background-color: rgba(255, 255, 255, 0.5); -} - -.top-row { - height: 3.5rem; - background-color: rgba(0,0,0,0.4); -} - -.navbar-brand { - font-size: 1.1rem; -} - -.bi { - display: inline-block; - position: relative; - width: 1.25rem; - height: 1.25rem; - margin-right: 0.75rem; - top: -1px; - background-size: cover; -} - -.i { - font-family: Trebuchet MS; - font-size: 1.6rem; - color: #dee2e6; -} - -.nav-item { - font-family: Trebuchet MS; - font-size: 1.6rem; - font-weight: 100; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - - .nav-item:first-of-type { - padding-top: 0.5rem; - } - - .nav-item:last-of-type { - padding-bottom: 0rem; - } - - .nav-item ::deep .nav-link { - color: #d7d7d7; - background: none; - border: none; - border-radius: 4px; - height: 3rem; - display: flex; - align-items: center; - line-height: 3rem; - width: 100%; - } - -.nav-item ::deep span.active { - background-color: rgba(255,255,255,0.37); - color: white; -} - -.nav-item ::deep .nav-link:hover { - background-color: rgba(255,255,255,0.1); - color: white; -} - -.nav-scrollable { - display: none; -} - -.navbar-toggler:checked ~ .nav-scrollable { - display: block; -} - -@media (min-width: 641px) { - - .nav-scrollable { - /* Never collapse the sidebar for wide screens */ - display: block; - - /* Allow sidebar to scroll for tall menus */ - height: calc(100vh - 3.5rem); - overflow-y: auto; - } -} diff --git a/KakeysBakery/Components/Layout/MyNavMenu.razor b/KakeysBakery/Components/Layout/NavMenu.razor similarity index 71% rename from KakeysBakery/Components/Layout/MyNavMenu.razor rename to KakeysBakery/Components/Layout/NavMenu.razor index 2678959..431a1f7 100644 --- a/KakeysBakery/Components/Layout/MyNavMenu.razor +++ b/KakeysBakery/Components/Layout/NavMenu.razor @@ -6,49 +6,42 @@ -
+