mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

styling menus

pull/712/head
Anton Mushnin 2022-11-21 10:15:26 +03:00
rodzic 4d333191af
commit 22f8012956
3 zmienionych plików z 18 dodań i 10 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

9
frontend/src/components/AppNavbar.js
Wyświetl plik

@ -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>

2
frontend/src/components/LandingBarMobile.js
Wyświetl plik

@ -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>

17
frontend/src/components/LandingNavbar.js
Wyświetl plik

@ -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"