Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-05 09:53:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve basket count

Browse source 
Move leaflet css resource link to App.svelte
make cartLen a more sensible name
This commit is contained in:
Michał Gdula 2024-05-02 22:56:59 +01:00
parent 350528ca2e
commit f7321ed338
3 changed files with 44 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

31
front/src/styles/_navigation_bar.scss
View file

@ -38,10 +38,31 @@ nav {
a {
padding: $spacing-xsmall $spacing-normal;
display: block;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
text-shadow: 0 1px 0.5px rgba(#000, 0.8);
color: inherit;
.nav-basket {
padding: 0 $spacing-xsmall;
min-width: 17px;
min-height: 17px;
display: inline-block;
font-size: $font-size-small;
border-radius: $border-radius-circle;
background-color: $color-light;
color: $color-on-light;
}
}
&:hover {
@ -50,11 +71,16 @@ nav {
&.active {
color: $color-primary !important;
.nav-basket {
background-color: $color-primary;
color: $color-on-primary;
}
}
}
}
span {
.nav-logo {
padding: 0 $spacing-normal;
font-weight: $font-weight-black;
font-size: $font-size-h1;
@ -64,7 +90,6 @@ nav {
display: block;
}
}
&.scrolled {