From e54a90f0cfc51d8c7b1c560176c8557859487cca Mon Sep 17 00:00:00 2001 From: Mhykol Date: Fri, 17 May 2024 09:59:11 -0400 Subject: Fixed menu icon for desktop site --- assets/css/main.css | 38 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 36 insertions(+), 2 deletions(-) (limited to 'assets') diff --git a/assets/css/main.css b/assets/css/main.css index 04b914d..6a75b5e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -606,12 +606,46 @@ body { /* Desktop */ @media screen and (min-width: 1000px) { + :root { + --button-size-offset: 20px; + } body button { cursor: pointer; } - :root { - --button-size-offset: 20px; + + #header .menuIcon { + width: 80px; + height: 80px; + margin-top: 80vh; + margin-left: 90%; + cursor: pointer; + gap: 10px; + } + #header .menuIcon:hover { + margin-top: calc(80vh - 10px); + margin-left: calc(90% - 10px); + width: 100px; + height: 100px; + gap: 15px; } + #header .menuIcon div { + width: 15px; + height: 15px; + } + #header .menulist { + gap: 2%; + } + #header .menulist img { + width: 200px; + height: auto; + } + #header .menulist a { + font-size: 35px; + } + #header .menulist div { + cursor: pointer; + } + #index { margin: 0px; padding: 0px; -- cgit v1.2.3-70-g09d2