diff --git a/frontend/src/css/app.css b/frontend/src/css/app.css new file mode 100644 index 0000000..c71471a --- /dev/null +++ b/frontend/src/css/app.css @@ -0,0 +1,41 @@ + +:root { + --footer-height: calc(68px + 20px + 20px); + --accent-color: #213c8b; + --pianello-red: #de0e1b; + --pianello-yellow: #f6ae04; + --pianello-blue: #213c8b; + --card-background-color: #f9f4f1; +} + +* { + box-sizing: border-box; +} + +html { + width: 100%; + height: 100%; +} + +body { + width: 100%; + height: 100%; + margin: 0px; + background-color: #fff; + font-family: 'Roboto-Regular'; + display: grid; +} + +header, +main, +footer { + height: 100%; + width: 100%; + display: grid; + place-items: center; +} + +@font-face { + font-family: 'Roboto-Regular'; + src: url('/fonts/roboto/Roboto-Regular.ttf') format('TrueType'); +} \ No newline at end of file diff --git a/frontend/src/lib/components/BottomAppBar.svelte b/frontend/src/lib/components/BottomAppBar.svelte index 899563b..d339db0 100644 --- a/frontend/src/lib/components/BottomAppBar.svelte +++ b/frontend/src/lib/components/BottomAppBar.svelte @@ -18,11 +18,10 @@ position: fixed; bottom: 0; left: 0; - } #container { display: flex; - height: 68px; + height: 10vh; justify-content: center; width: 90%; border-radius: 90px; diff --git a/frontend/src/lib/components/Header.svelte b/frontend/src/lib/components/Header.svelte index cadea96..f2652a6 100644 --- a/frontend/src/lib/components/Header.svelte +++ b/frontend/src/lib/components/Header.svelte @@ -1,14 +1,12 @@ -{#if transparent} -
Percorsi {title}
- -