diff --git a/frontend/src/extra/iconHamburgerMenu.tsx b/frontend/src/extra/iconHamburgerMenu.tsx index ee51b6c..a00a97f 100644 --- a/frontend/src/extra/iconHamburgerMenu.tsx +++ b/frontend/src/extra/iconHamburgerMenu.tsx @@ -1,19 +1,16 @@ -import { createIcon } from "@hope-ui/solid"; +import { VoidComponent } from "solid-js"; - -// From https://github.com/hope-ui/hope-ui/blob/main/apps/docs/src/icons/IconHamburgerMenu.tsx - -export const IconHamburgerMenu = createIcon({ - viewBox: "0 0 15 15", - path: () => ( - = () => { + return ( + + - ), -}); + ); +} diff --git a/frontend/src/passagesDisplay.scss b/frontend/src/passagesDisplay.scss index 2fc8d35..e36d3a7 100644 --- a/frontend/src/passagesDisplay.scss +++ b/frontend/src/passagesDisplay.scss @@ -21,18 +21,24 @@ } .menu { + aspect-ratio: 0.75; height: $header-element-height; - aspect-ratio: 1; + margin-right: calc(30/1920*100%); margin-left: auto; + border: $component-border; + border-radius: $component-border-radius; button { height: 100%; - aspect-ratio: 1; - background-color: var(--idfm-black); - border: $component-border; - border-radius: $component-border-radius; + border: 0; + color: var(--idfm-white); + background-color: transparent; + + .iconHamburgerMenu { + width: 75%; + } } }