From 1218d8109380488ab7d15538fe3f828883dbc822 Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Fri, 10 Mar 2023 17:23:04 +0700 Subject: change mobile and desktop view --- src/styles/globals.css | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) (limited to 'src/styles/globals.css') diff --git a/src/styles/globals.css b/src/styles/globals.css index 0137351e..f551f9f7 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -18,7 +18,7 @@ body { } #__next main { - @apply min-h-screen + @apply min-h-screen; } button { @@ -380,3 +380,24 @@ button { .form-select__control--menu-is-open { @apply !border-yellow_r-9; } + +.category-box { + @apply py-2 border border-gray_r-6; +} + +.category-box > div { + @apply relative text-gray_r-12/80; +} + +.category-box a { + @apply py-2.5 px-4 idt-transition text-gray_r-12/80 hover:bg-gray_r-4; +} + +.category-box a + div { + @apply absolute left-[100%] top-0 w-[40vw] bg-gray_r-1 border border-gray_r-6 p-4 hidden; +} + +.category-box a:hover + div, +.category-box a + div:hover { + @apply block; +} -- cgit v1.2.3