From 47a6ecd843b6b8e7d3a3fa41cf057ccd5796026c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C2=96=C2=96AsTroLog?= Date: Thu, 19 Oct 2023 08:00:56 +0000 Subject: [PATCH] SA-115 Create sidebar menu --- .../Pages/Index.razor | 2 +- .../Pages/_Host.cshtml | 3 +- .../Shared/MainLayout.razor | 10 +- .../Shared/MainLayout.razor.css | 23 +-- .../Shared/NavMenu.razor | 76 +++++++- .../Shared/NavMenu.razor.css | 168 +++++++++++++++++- .../wwwroot/css/site.css | 8 +- .../wwwroot/favicon.ico | Bin 0 -> 11078 bytes .../wwwroot/favicon.png | Bin 1148 -> 0 bytes .../wwwroot/images/icon_delete.png | Bin 0 -> 3843 bytes .../wwwroot/images/icon_open_card.png | Bin 0 -> 8246 bytes 11 files changed, 255 insertions(+), 35 deletions(-) create mode 100644 ShoppingAssistantWebClient.Web/wwwroot/favicon.ico delete mode 100644 ShoppingAssistantWebClient.Web/wwwroot/favicon.png create mode 100644 ShoppingAssistantWebClient.Web/wwwroot/images/icon_delete.png create mode 100644 ShoppingAssistantWebClient.Web/wwwroot/images/icon_open_card.png diff --git a/ShoppingAssistantWebClient.Web/Pages/Index.razor b/ShoppingAssistantWebClient.Web/Pages/Index.razor index b1a9fbd..e95f25b 100644 --- a/ShoppingAssistantWebClient.Web/Pages/Index.razor +++ b/ShoppingAssistantWebClient.Web/Pages/Index.razor @@ -1,6 +1,6 @@ @page "/" -Index +CartaId

Hello, world!

diff --git a/ShoppingAssistantWebClient.Web/Pages/_Host.cshtml b/ShoppingAssistantWebClient.Web/Pages/_Host.cshtml index a2684b0..7783b22 100644 --- a/ShoppingAssistantWebClient.Web/Pages/_Host.cshtml +++ b/ShoppingAssistantWebClient.Web/Pages/_Host.cshtml @@ -12,7 +12,8 @@ - + + diff --git a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor index 340a2ed..0a22716 100644 --- a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor +++ b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor @@ -3,17 +3,13 @@ ShoppingAssistantWebClient.Web
- diff --git a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor.css b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor.css index 699f17c..950f666 100644 --- a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor.css +++ b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor.css @@ -1,15 +1,18 @@ + .page { + width: 100%; + height: 100vh; + border: 1.5% solid; + border-color: #edf106; + padding: 1.25em; +} +.sidebar-menu { position: relative; - display: flex; - flex-direction: column; -} - -main { - flex: 1; -} - -.sidebar { - background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); + width: 20em; + height: 100%; + transition: 1s; + border: 1.5% solid; + border-color: #f10606; } .top-row { diff --git a/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor b/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor index ed97728..73aba98 100644 --- a/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor +++ b/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor @@ -1,4 +1,4 @@ -