kopia lustrzana https://github.com/bugout-dev/moonstream
styling menus
rodzic
4d333191af
commit
22f8012956
|
@ -145,7 +145,10 @@ const AppNavbar = () => {
|
||||||
as={Button}
|
as={Button}
|
||||||
rightIcon={<ChevronDownIcon />}
|
rightIcon={<ChevronDownIcon />}
|
||||||
color="white"
|
color="white"
|
||||||
_expanded={{ color: "white" }}
|
fontWeight="500"
|
||||||
|
_expanded={{ color: "white", fontWeight: "700" }}
|
||||||
|
_focus={{ textDecoration: "none" }}
|
||||||
|
_hover={{ textDecoration: "none", fontWeight: "700" }}
|
||||||
>
|
>
|
||||||
{item.title}
|
{item.title}
|
||||||
</MenuButton>
|
</MenuButton>
|
||||||
|
@ -176,11 +179,11 @@ const AppNavbar = () => {
|
||||||
mb="10px"
|
mb="10px"
|
||||||
h="22px"
|
h="22px"
|
||||||
_hover={{
|
_hover={{
|
||||||
backgroundColor: "#1A1D22",
|
backgroundColor: "black.300",
|
||||||
color: "#F56646",
|
color: "#F56646",
|
||||||
fontWeight: "700",
|
fontWeight: "700",
|
||||||
}}
|
}}
|
||||||
_focus={{ backgroundColor: "#1A1D22" }}
|
_focus={{ backgroundColor: "black.300" }}
|
||||||
>
|
>
|
||||||
{child.title}
|
{child.title}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
|
|
@ -142,6 +142,8 @@ const LandingBarMobile = () => {
|
||||||
m={0}
|
m={0}
|
||||||
fontSize="sm"
|
fontSize="sm"
|
||||||
_focus={{ backgroundColor: "black.300" }}
|
_focus={{ backgroundColor: "black.300" }}
|
||||||
|
_active={{ backgroundColor: "black.300" }}
|
||||||
|
_hover={{ backgroundColor: "black.300" }}
|
||||||
>
|
>
|
||||||
{child.title}
|
{child.title}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
|
|
@ -74,15 +74,18 @@ const LandingNavbar = () => {
|
||||||
as={Button}
|
as={Button}
|
||||||
rightIcon={<ChevronDownIcon />}
|
rightIcon={<ChevronDownIcon />}
|
||||||
color="white"
|
color="white"
|
||||||
|
fontWeight="500"
|
||||||
fontSize="16px"
|
fontSize="16px"
|
||||||
_expanded={{ color: "white" }}
|
_expanded={{ color: "white", fontWeight: "700" }}
|
||||||
|
_focus={{ textDecoration: "none" }}
|
||||||
|
_hover={{ textDecoration: "none", fontWeight: "700" }}
|
||||||
>
|
>
|
||||||
{item.title}
|
{item.title}
|
||||||
</MenuButton>
|
</MenuButton>
|
||||||
<Portal>
|
<Portal>
|
||||||
<MenuList
|
<MenuList
|
||||||
zIndex={100}
|
zIndex={100}
|
||||||
bg="#1A1D22"
|
bg="black.300"
|
||||||
w="auto"
|
w="auto"
|
||||||
minW="auto"
|
minW="auto"
|
||||||
borderRadius="10px"
|
borderRadius="10px"
|
||||||
|
@ -107,11 +110,11 @@ const LandingNavbar = () => {
|
||||||
mb="10px"
|
mb="10px"
|
||||||
h="22px"
|
h="22px"
|
||||||
_hover={{
|
_hover={{
|
||||||
backgroundColor: "#1A1D22",
|
backgroundColor: "black.300",
|
||||||
color: "#F56646",
|
color: "orange.1000",
|
||||||
fontWeight: "700",
|
fontWeight: "700",
|
||||||
}}
|
}}
|
||||||
_focus={{ backgroundColor: "#1A1D22" }}
|
_focus={{ backgroundColor: "black.300" }}
|
||||||
>
|
>
|
||||||
{child.title}
|
{child.title}
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
@ -129,7 +132,7 @@ const LandingNavbar = () => {
|
||||||
{ui.isLoggedIn && (
|
{ui.isLoggedIn && (
|
||||||
<RouterLink href="/welcome" passHref>
|
<RouterLink href="/welcome" passHref>
|
||||||
<Box
|
<Box
|
||||||
bg="#F56646"
|
bg="orange.1000"
|
||||||
alignSelf={"center"}
|
alignSelf={"center"}
|
||||||
fontWeight="700"
|
fontWeight="700"
|
||||||
borderRadius="15px"
|
borderRadius="15px"
|
||||||
|
@ -150,7 +153,7 @@ const LandingNavbar = () => {
|
||||||
)}
|
)}
|
||||||
{!ui.isLoggedIn && (
|
{!ui.isLoggedIn && (
|
||||||
<Button
|
<Button
|
||||||
bg="#F56646"
|
bg="orange.1000"
|
||||||
variant="solid"
|
variant="solid"
|
||||||
onClick={() => toggleModal({ type: MODAL_TYPES.SIGNUP })}
|
onClick={() => toggleModal({ type: MODAL_TYPES.SIGNUP })}
|
||||||
size="sm"
|
size="sm"
|
||||||
|
|
Ładowanie…
Reference in New Issue