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}
rightIcon={<ChevronDownIcon />}
color="white"
_expanded={{ color: "white" }}
fontWeight="500"
_expanded={{ color: "white", fontWeight: "700" }}
_focus={{ textDecoration: "none" }}
_hover={{ textDecoration: "none", fontWeight: "700" }}
>
{item.title}
</MenuButton>
@ -176,11 +179,11 @@ const AppNavbar = () => {
mb="10px"
h="22px"
_hover={{
backgroundColor: "#1A1D22",
backgroundColor: "black.300",
color: "#F56646",
fontWeight: "700",
}}
_focus={{ backgroundColor: "#1A1D22" }}
_focus={{ backgroundColor: "black.300" }}
>
{child.title}
</MenuItem>

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

@ -142,6 +142,8 @@ const LandingBarMobile = () => {
m={0}
fontSize="sm"
_focus={{ backgroundColor: "black.300" }}
_active={{ backgroundColor: "black.300" }}
_hover={{ backgroundColor: "black.300" }}
>
{child.title}
</MenuItem>

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

@ -74,15 +74,18 @@ const LandingNavbar = () => {
as={Button}
rightIcon={<ChevronDownIcon />}
color="white"
fontWeight="500"
fontSize="16px"
_expanded={{ color: "white" }}
_expanded={{ color: "white", fontWeight: "700" }}
_focus={{ textDecoration: "none" }}
_hover={{ textDecoration: "none", fontWeight: "700" }}
>
{item.title}
</MenuButton>
<Portal>
<MenuList
zIndex={100}
bg="#1A1D22"
bg="black.300"
w="auto"
minW="auto"
borderRadius="10px"
@ -107,11 +110,11 @@ const LandingNavbar = () => {
mb="10px"
h="22px"
_hover={{
backgroundColor: "#1A1D22",
color: "#F56646",
backgroundColor: "black.300",
color: "orange.1000",
fontWeight: "700",
}}
_focus={{ backgroundColor: "#1A1D22" }}
_focus={{ backgroundColor: "black.300" }}
>
{child.title}
</MenuItem>
@ -129,7 +132,7 @@ const LandingNavbar = () => {
{ui.isLoggedIn && (
<RouterLink href="/welcome" passHref>
<Box
bg="#F56646"
bg="orange.1000"
alignSelf={"center"}
fontWeight="700"
borderRadius="15px"
@ -150,7 +153,7 @@ const LandingNavbar = () => {
)}
{!ui.isLoggedIn && (
<Button
bg="#F56646"
bg="orange.1000"
variant="solid"
onClick={() => toggleModal({ type: MODAL_TYPES.SIGNUP })}
size="sm"