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

Start on Menu page

Browse source 
Update style of Loader
Tweak SCSS colours to make contrast better
This commit is contained in:
Michał Gdula 2024-04-24 12:01:06 +01:00
parent 7907972e1c
commit 1d4f6d5b70
7 changed files with 168 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

3
front/src/styles/_loading_bar.scss
View file

@ -15,7 +15,6 @@
.bar {
position: absolute;
background-color: $color-primary;
transition: transform .2s linear;
left: 0;
top: 0;
@ -24,10 +23,12 @@
width: 100%;
&.bar-1 {
background-color: $color-dark;
animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
}
&.bar-2 {
background-color: $color-primary;
animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
}
}

6
front/src/styles/_reset.scss
View file

@ -13,6 +13,7 @@ body, #app {
body {
background-color: $color-background;
color: $color-on-background;
}
main {
@ -29,4 +30,7 @@ main {
&.nav-space {
margin-top: $sizing-navigation-height;
}
}
&.full-width {
max-width: $sizing-full-width;
}
}

3
front/src/styles/main.scss
View file

@ -6,7 +6,7 @@ $color-on-dark: #e1dcd3;
$color-light: #fffbf4;
$color-on-light: #33251a;
$color-primary: #6A9343;
$color-on-primary: #ccc2ae;
$color-on-primary: #fffbf4;
$color-vegan: #75a446;
$color-fish: #487fa6;
@ -20,6 +20,7 @@ $border-radius-circle: 99999px;
// SIZING
$sizing-default-width: 1000px;
$sizing-full-width: 1200px;
$sizing-navigation-height: 55px;
// PADDING/MARGIN