mirror of
https://github.com/Shchoholiev/shopping-assistant-web-client.git
synced 2025-04-03 16:19:48 +00:00
Merge pull request #5 from Shchoholiev/feature/SA-115-Create-Sidebar-menu
SA-115 Create sidebar menu
This commit is contained in:
Mykhailo Bilodid
GitHub
commit
0e57411ace
@ -131,90 +131,3 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
const leftFrame = document.getElementById("leftFrame");
|
||||
const rightFrame = document.getElementById("rightFrame");
|
||||
const openMenuButton = document.querySelector(".button_open_menu");
|
||||
const closeMenuButton = document.querySelector(".button_close_menu");
|
||||
|
||||
|
||||
|
||||
const choose_gift = document.getElementById("choose_gift");
|
||||
const choose_product = document.getElementById("choose_product");
|
||||
const switchGift = document.querySelector(".switch_gift");
|
||||
const switchProduct = document.querySelector(".switch_product");
|
||||
|
||||
|
||||
const isLeftFrameOpen = localStorage.getItem('leftFrameOpen');
|
||||
|
||||
if (isLeftFrameOpen) {
|
||||
requestAnimationFrame(() => {
|
||||
leftFrame.style.transform = "translateX(0%)";
|
||||
rightFrame.style.transform = "translateX(calc(30% - 40px))";
|
||||
rightFrame.style.width = "calc(80% - 60px)";
|
||||
});
|
||||
openMenuButton.style.visibility = "hidden";
|
||||
closeMenuButton.style.visibility = "visible";
|
||||
} else {
|
||||
requestAnimationFrame(() => {
|
||||
leftFrame.style.transform = "translateX(-100%)";
|
||||
rightFrame.style.transform = "translateX(0%)";
|
||||
rightFrame.style.width = "calc(100% - 40px)";
|
||||
});
|
||||
closeMenuButton.style.visibility = "hidden";
|
||||
openMenuButton.style.visibility = "visible";
|
||||
}
|
||||
|
||||
|
||||
openMenuButton.addEventListener("click", function () {
|
||||
requestAnimationFrame(() => {
|
||||
leftFrame.style.transform = "translateX(0%)";
|
||||
rightFrame.style.transform = "translateX(calc(30% - 40px))";
|
||||
rightFrame.style.width = "calc(80% - 60px)";
|
||||
});
|
||||
openMenuButton.style.visibility = "hidden";
|
||||
closeMenuButton.style.visibility = "visible";
|
||||
});
|
||||
|
||||
closeMenuButton.addEventListener("click", function () {
|
||||
requestAnimationFrame(() => {
|
||||
leftFrame.style.transform = "translateX(-100%)";
|
||||
rightFrame.style.transform = "translateX(0%)";
|
||||
rightFrame.style.width = "calc(100% - 40px)";
|
||||
});
|
||||
closeMenuButton.style.visibility = "hidden";
|
||||
openMenuButton.style.visibility = "visible";
|
||||
});
|
||||
|
||||
switchGift.addEventListener("click", function () {
|
||||
requestAnimationFrame(() => {
|
||||
choose_gift.style.backgroundColor = "#0052CC";
|
||||
choose_product.style.backgroundColor = "transparent";
|
||||
switchGift.style.color = "white";
|
||||
switchProduct.style.color = "#202124";
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
switchProduct.addEventListener("click", function () {
|
||||
requestAnimationFrame(() => {
|
||||
choose_product.style.backgroundColor = "#0052CC";
|
||||
choose_gift.style.backgroundColor = "transparent";
|
||||
switchProduct.style.color = "white";
|
||||
switchGift.style.color = "#202124";
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
const new_chat = document.querySelector(".button_add_chat");
|
||||
new_chat.addEventListener("click", function () {
|
||||
alert(3)
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
@page "/"
|
||||
|
||||
<PageTitle>Index</PageTitle>
|
||||
<PageTitle>CartaId</PageTitle>
|
||||
|
||||
<h1>Hello, world!</h1>
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
|
||||
<link href="css/site.css" rel="stylesheet" />
|
||||
<link href="ShoppingAssistantWebClient.Web.styles.css" rel="stylesheet" />
|
||||
<link rel="icon" type="image/png" href="favicon.png"/>
|
||||
<link rel="icon" type="image/png" href="favicon.ico"/>
|
||||
<component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -3,17 +3,13 @@
|
||||
<PageTitle>ShoppingAssistantWebClient.Web</PageTitle>
|
||||
|
||||
<div class="page">
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-menu">
|
||||
<NavMenu />
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<main>
|
||||
<div class="top-row px-4">
|
||||
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
|
||||
</div>
|
||||
|
||||
<article class="content px-4">
|
||||
@Body
|
||||
</article>
|
||||
</main>
|
||||
</main>-->
|
||||
</div>
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -1,54 +1,91 @@
|
||||
<div class="top-row ps-3 navbar navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="">ShoppingAssistantWebClient.Web</a>
|
||||
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div id="leftframe" class="left_frame">
|
||||
|
||||
|
||||
<div class="logo">
|
||||
<img src="/images/logo.svg" alt="Logo site">
|
||||
<span class="logo_name">CARTAID</span>
|
||||
</div>
|
||||
|
||||
<div class="menu">
|
||||
|
||||
<a id="button_close" class="button_close_menu">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<div class="elements_wishlisht">
|
||||
|
||||
<div class="add_chat">
|
||||
<a href="/">
|
||||
<span>Search</span>
|
||||
<span class="plus" >+</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="wishlist_names">
|
||||
|
||||
@foreach(var item in wishlist){
|
||||
<section class="cont_wishlist">
|
||||
<div id="wishlist_id_@item.Id" class="wishlist_name">@item.Name</div>
|
||||
<img class="button_delete_chat" src="/images/icon_delete.svg" alt="Delete wishlist">
|
||||
<img class="button_open_card" src="/images/icon_open_card.svg" alt="Card open">
|
||||
</section>
|
||||
}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
<div class="elements">
|
||||
<div class="info_user">
|
||||
<img src="/images/avatar.jpg" alt="Avatar user">
|
||||
<span class="user_name">Semen Semenov</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="@NavMenuCssClass nav-scrollable" @onclick="ToggleNavMenu">
|
||||
<nav class="flex-column">
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
|
||||
<span class="oi oi-home" aria-hidden="true"></span> Home
|
||||
</NavLink>
|
||||
</div>
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="counter">
|
||||
<span class="oi oi-plus" aria-hidden="true"></span> Counter
|
||||
</NavLink>
|
||||
</div>
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="fetchdata">
|
||||
<span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
|
||||
</NavLink>
|
||||
</div>
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="cart">
|
||||
<span class="oi oi-list-rich" aria-hidden="true"></span> Cart (Test only)
|
||||
</NavLink>
|
||||
</div>
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="chat/1">
|
||||
<span class="oi oi-list-rich" aria-hidden="true"></span> Chat (Test only)
|
||||
</NavLink>
|
||||
</div>
|
||||
<div class="nav-item px-3">
|
||||
<NavLink class="nav-link" href="wishlists">
|
||||
<span class="oi oi-list-rich" aria-hidden="true"></span> Wishlists (Test only)
|
||||
</NavLink>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
function changetyle() {
|
||||
var element = document.getElementById('leftframe');
|
||||
var computedStyles = getComputedStyle(element);
|
||||
var transformValue = computedStyles.transform;
|
||||
|
||||
if (transformValue === 'matrix(1, 0, 0, 1, 0, 0)') {
|
||||
element.style.transform = 'translateX(-110%)';
|
||||
} else {
|
||||
element.style.transform = 'translateX(0%)';
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('button_close').addEventListener('click', changetyle);
|
||||
</script>
|
||||
|
||||
@code {
|
||||
private bool collapseNavMenu = true;
|
||||
|
||||
private List<Models.Wishlist> wishlist;
|
||||
|
||||
private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
|
||||
wishlist = new List<Models.Wishlist>
|
||||
{
|
||||
new Models.Wishlist {Id = "0", Name = "Gift for Jessica", Type="product", CreateById="0"},
|
||||
new Models.Wishlist {Id = "1", Name = "Secret Santa", Type="gift", CreateById="1"},
|
||||
new Models.Wishlist {Id = "2", Name = "Mark’s Birthday", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "3", Name = "Garden tools", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "4", Name = "Phone charger ", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "5", Name = "Garden tools", Type="product", CreateById="2"}
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
private void ToggleNavMenu()
|
||||
{
|
||||
collapseNavMenu = !collapseNavMenu;
|
||||
}
|
||||
}
|
||||
|
||||
25
ShoppingAssistantWebClient.Web/Shared/NavMenu.razor.cs
Normal file
25
ShoppingAssistantWebClient.Web/Shared/NavMenu.razor.cs
Normal file
@ -0,0 +1,25 @@
|
||||
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using ShoppingAssistantWebClient.Web.Models;
|
||||
|
||||
namespace ShoppingAssistantWebClient.Web.Pages;
|
||||
|
||||
public partial class Wishlists : ComponentBase
|
||||
{
|
||||
private List<Wishlist> wishlist;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
|
||||
wishlist = new List<Models.Wishlist>
|
||||
{
|
||||
new Models.Wishlist {Id = "0", Name = "Gift for Jessica", Type="product", CreateById="0"},
|
||||
new Models.Wishlist {Id = "1", Name = "Secret Santa", Type="gift", CreateById="1"},
|
||||
new Models.Wishlist {Id = "2", Name = "Mark’s Birthday", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "3", Name = "Garden tools", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "4", Name = "Phone charger ", Type="product", CreateById="2"},
|
||||
new Models.Wishlist {Id = "5", Name = "Garden tools", Type="product", CreateById="2"}
|
||||
};
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,68 +1,176 @@
|
||||
.navbar-toggler {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
|
||||
.left_frame {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
transition: 1s;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.logo {
|
||||
height: 5em;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 1.5%;
|
||||
}
|
||||
.menu {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 5em;
|
||||
bottom: 0;
|
||||
border: 1.5px solid;
|
||||
border-color: #0052CC;
|
||||
border-radius: 0.6em;
|
||||
padding-top: 1.5%;
|
||||
}
|
||||
.elements_wishlisht {
|
||||
|
||||
position: absolute;
|
||||
overflow-y: auto;
|
||||
top: 2.43em;
|
||||
width: 100%;
|
||||
bottom: 4em;
|
||||
padding-left: 1.25em;
|
||||
padding-right: 1.25em;
|
||||
}
|
||||
.info_user {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 0 0 0.6em 0.6em;
|
||||
background-color: rgb(255, 255, 255);
|
||||
height: 4em;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
padding-left: 1.25em;
|
||||
padding-right: 1.25em;
|
||||
border-top: 1px solid #0165FF;
|
||||
}
|
||||
.logo_name {
|
||||
padding-top: 0.5em;
|
||||
padding-left: 0.3em;
|
||||
font-size: 1em;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
letter-spacing: 0.5px;
|
||||
font-weight: 600;
|
||||
overflow: hidden;
|
||||
}
|
||||
.logo img {
|
||||
float: left;
|
||||
height: 3.25em;
|
||||
width: 3.25em;
|
||||
}
|
||||
.wishlist_name {
|
||||
padding-left: 0.7em;
|
||||
width: 10.5em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
height: 2.5em;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.cont_wishlist {
|
||||
margin-top: 0.4375em;
|
||||
margin-bottom: 0.4375em;
|
||||
color: black;
|
||||
border-radius: 0.6em;
|
||||
font-size: 1.1em;
|
||||
width: 100%;
|
||||
height:2.5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
.cont_wishlist:hover {
|
||||
background-color: #e6e6e6;
|
||||
transition: 0.2s;
|
||||
}
|
||||
.cont_wishlist:hover .button_delete_chat{
|
||||
visibility: visible;
|
||||
}
|
||||
.cont_wishlist:hover .button_open_card{
|
||||
visibility: visible;
|
||||
}
|
||||
.button_delete_chat {
|
||||
margin-top: 0.65em;
|
||||
margin-right: 1em;
|
||||
float: right;
|
||||
position: relative;
|
||||
visibility: hidden;
|
||||
height: 1.2em;
|
||||
width: 1.2em;
|
||||
}
|
||||
.button_open_card {
|
||||
margin-top: 0.65em;
|
||||
margin-right: 1em;
|
||||
float: right;
|
||||
visibility: hidden;
|
||||
height: 1.2em;
|
||||
width: 1.3em;
|
||||
}
|
||||
.elements_wishlisht::-webkit-scrollbar {
|
||||
background-color: #009FFF;
|
||||
border-radius: 20px;
|
||||
width: 0.2em;
|
||||
}
|
||||
.add_chat {
|
||||
margin-bottom: 0.3125em;
|
||||
background-color: #0165FF;
|
||||
border-radius: 0.6em;
|
||||
font-size: 1.2em;
|
||||
width: 100%;
|
||||
height:2.5em;
|
||||
cursor: pointer;
|
||||
line-height: 2.5em;
|
||||
}
|
||||
.add_chat a {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 0.6em;
|
||||
padding-left: 0.7em;
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.plus {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top: -0.1em;
|
||||
font-size: 1.9em;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
height: 3.5rem;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
.user_name {
|
||||
padding-left: 0.4375em;
|
||||
font-size: 1em;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 1.1rem;
|
||||
.info_user img {
|
||||
float: left;
|
||||
border-radius: 50%;
|
||||
width: 2.3em;
|
||||
height: 2.3em;
|
||||
}
|
||||
|
||||
.oi {
|
||||
width: 2rem;
|
||||
font-size: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
top: -2px;
|
||||
.button_close_menu {
|
||||
position: relative;
|
||||
width: 1.43em;
|
||||
height: 1.23em;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
margin-top: 0.5em;
|
||||
margin-right: 1.30em;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
font-size: 0.9rem;
|
||||
padding-bottom: 0.5rem;
|
||||
.button_close_menu span {
|
||||
width: 20px;
|
||||
height: 1.5px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: #4E4E4E;
|
||||
}
|
||||
|
||||
.nav-item:first-of-type {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.nav-item:last-of-type {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.nav-item ::deep a {
|
||||
color: #d7d7d7;
|
||||
border-radius: 4px;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.nav-item ::deep a.active {
|
||||
background-color: rgba(255,255,255,0.25);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-item ::deep a:hover {
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media (min-width: 641px) {
|
||||
.navbar-toggler {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.collapse {
|
||||
/* Never collapse the sidebar for wide screens */
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-scrollable {
|
||||
/* Allow sidebar to scroll for tall menus */
|
||||
height: calc(100vh - 3.5rem);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.button_close_menu span:nth-of-type(2) {
|
||||
top: calc(50% - 5px);
|
||||
}
|
||||
.button_close_menu span:nth-of-type(3) {
|
||||
top: calc(50% + 5px);
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
|
||||
|
||||
html, body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
html {
|
||||
font-family: 'Roboto';
|
||||
}
|
||||
|
||||
h1:focus {
|
||||
@ -22,10 +22,6 @@ a, .btn-link {
|
||||
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-top: 1.1rem;
|
||||
}
|
||||
|
||||
.valid.modified:not([type=checkbox]) {
|
||||
outline: 1px solid #26b050;
|
||||
}
|
||||
|
||||
BIN
ShoppingAssistantWebClient.Web/wwwroot/favicon.ico
Normal file
BIN
ShoppingAssistantWebClient.Web/wwwroot/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
ShoppingAssistantWebClient.Web/wwwroot/images/2.png
Normal file
BIN
ShoppingAssistantWebClient.Web/wwwroot/images/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
ShoppingAssistantWebClient.Web/wwwroot/images/3.png
Normal file
BIN
ShoppingAssistantWebClient.Web/wwwroot/images/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
@ -0,0 +1,3 @@
|
||||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.1667 3.54169C14.3545 3.54169 14.5347 3.61631 14.6675 3.74915C14.8004 3.88199 14.875 4.06216 14.875 4.25002C14.875 4.43788 14.8004 4.61805 14.6675 4.75089C14.5347 4.88373 14.3545 4.95835 14.1667 4.95835H13.4583L13.4562 5.00865L12.7953 14.2673C12.7699 14.6247 12.61 14.9592 12.3477 15.2034C12.0855 15.4476 11.7405 15.5834 11.3822 15.5834H5.61708C5.25877 15.5834 4.91376 15.4476 4.65154 15.2034C4.38933 14.9592 4.2294 14.6247 4.20396 14.2673L3.54308 5.00935C3.54201 4.99238 3.54154 4.97536 3.54167 4.95835H2.83333C2.64547 4.95835 2.4653 4.88373 2.33247 4.75089C2.19963 4.61805 2.125 4.43788 2.125 4.25002C2.125 4.06216 2.19963 3.88199 2.33247 3.74915C2.4653 3.61631 2.64547 3.54169 2.83333 3.54169H14.1667ZM12.0395 4.95835H4.96046L5.61779 14.1667H11.3822L12.0395 4.95835ZM9.91667 1.41669C10.1045 1.41669 10.2847 1.49131 10.4175 1.62415C10.5504 1.75699 10.625 1.93716 10.625 2.12502C10.625 2.31288 10.5504 2.49305 10.4175 2.62589C10.2847 2.75873 10.1045 2.83335 9.91667 2.83335H7.08333C6.89547 2.83335 6.7153 2.75873 6.58247 2.62589C6.44963 2.49305 6.375 2.31288 6.375 2.12502C6.375 1.93716 6.44963 1.75699 6.58247 1.62415C6.7153 1.49131 6.89547 1.41669 7.08333 1.41669H9.91667Z" fill="#202124"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,4 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.96249 11.8808C2.36416 9.08668 2.06416 7.68918 2.81499 6.76168C3.56499 5.83334 4.99416 5.83334 7.85166 5.83334H12.1483C15.0067 5.83334 16.4342 5.83334 17.185 6.76168C17.935 7.69001 17.6358 9.08668 17.0375 11.8808L16.68 13.5475C16.2742 15.4417 16.0717 16.3883 15.3842 16.9442C14.6967 17.5 13.7283 17.5 11.7917 17.5H8.20833C6.27166 17.5 5.30333 17.5 4.61666 16.9442C3.92833 16.3883 3.72499 15.4417 3.31999 13.5475L2.96249 11.8808Z" stroke="black" stroke-width="1.5"/>
|
||||
<path d="M2.5 9.16667H17.5M8.33333 11.6667H11.6667M15 7.5L12.5 2.5M5 7.5L7.5 2.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 745 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
9
ShoppingAssistantWebClient.Web/wwwroot/images/logo.svg
Normal file
9
ShoppingAssistantWebClient.Web/wwwroot/images/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.6 KiB |
Loading…
Reference in New Issue
Block a user