Fix logo, hidding icons, arrow icon
This commit is contained in:
Krzysztof Bialoglowicz
parent
291c53683e
commit
05b13263de
8 changed files with 42 additions and 28 deletions
|
|
@ -1,4 +1,4 @@
|
|||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="32" height="32" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M26.7216 5.23914L1.90735e-06 5.23914L5.27835 -4.00543e-05L32 -4.00543e-05L26.7216 5.23914Z" fill="#19C3BE"/>
|
||||
<path d="M15.3359 32.8964C21.9014 32.8964 23.5522 30.3032 23.5522 26.7507C23.5522 22.3812 19.5378 21.5641 16.1988 21.0313C13.6476 20.605 12.4846 20.3918 12.4846 18.8643C12.4846 17.7275 13.4975 17.3012 15.1483 17.3012C17.1742 17.3012 17.737 17.8696 17.9246 19.5392L23.2521 18.7577C22.8019 15.1697 20.7384 13.358 15.2984 13.358C9.33309 13.358 7.23211 15.7026 7.23211 19.4327C7.19459 24.264 11.8468 24.7613 15.2984 25.3297C17.4369 25.7205 18.2622 26.0757 18.2622 27.4612C18.2622 28.598 17.5494 29.0953 15.4109 29.0953C13.0473 29.0953 12.3345 28.7046 12.0343 26.8218L6.85693 27.5678C7.34466 31.3689 9.63322 32.8964 15.3359 32.8964Z" fill="white"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 865 B After Width: | Height: | Size: 865 B |
|
|
@ -1,9 +1,9 @@
|
|||
<svg fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.29798 0L0 6.36371H31.8841L38.1818 0H6.29798Z" fill="#13BEBB"/>
|
||||
<path d="M18.3033 39.9567C26.1372 39.9567 28.1071 36.8068 28.1071 32.4921C28.1071 27.1847 23.3171 26.1924 19.333 25.545C16.2888 25.0271 14.9011 24.7683 14.9011 22.913C14.9011 21.5323 16.1097 21.0144 18.0795 21.0144C20.4969 21.0144 21.1683 21.7049 21.3923 23.7328L27.749 22.7835C27.2115 18.4255 24.7495 16.2249 18.2585 16.2249C11.141 16.2249 8.63409 19.0727 8.63409 23.6033C8.58946 29.4717 14.1403 30.0756 18.2585 30.7658C20.81 31.2409 21.7952 31.6719 21.7952 33.3549C21.7952 34.7359 20.9447 35.34 18.3928 35.34C15.5726 35.34 14.7221 34.8653 14.364 32.5783L8.18652 33.4844C8.7684 38.1014 11.4991 39.9567 18.3033 39.9567Z" fill="white"/>
|
||||
<path d="M38.794 35.2108C35.7944 35.2108 34.7204 34.5635 34.7204 32.4061C34.7204 30.4644 35.7944 29.6877 39.0177 29.6877H42.2408V31.9315C42.2408 34.0889 41.1665 35.2108 38.794 35.2108ZM36.0184 39.9571C39.5101 39.9571 41.0771 38.8351 42.1962 37.1954V39.655H48.5078V24.0352C48.5078 18.8141 46.4933 16.1821 39.5101 16.1821C32.7505 16.1821 30.3782 18.0805 29.438 22.7406L35.7052 23.69C36.1079 21.7052 36.69 21.1009 39.2864 21.1009C41.7932 21.1009 42.1962 22.1365 42.1962 23.8626V25.4592H39.2415C31.2287 25.4592 28.4978 27.8755 28.4978 32.7943C28.4978 37.6269 30.9601 39.9571 36.0184 39.9571Z" fill="white"/>
|
||||
<path d="M50.1196 39.6545H56.566V6.36353L50.1196 12.727V39.6545Z" fill="white"/>
|
||||
<path d="M64.4442 25.5879V24.4231C64.4442 22.3952 65.3844 21.0143 68.2046 21.0143C70.9352 21.0143 71.8308 22.1793 71.8308 24.4231V25.5879H64.4442ZM68.2046 39.9999C75.6357 39.9999 77.6054 36.548 78.0529 33.0961L71.9203 32.1899C71.6516 34.2609 71.2487 35.3398 68.2046 35.3398C65.116 35.3398 64.4442 33.8294 64.4442 31.8448V29.9462H78.0529V25.8038C78.0529 20.022 75.7698 16.1816 68.2046 16.1816C60.729 16.1816 58.1772 20.0651 58.1772 24.9841V31.1974C58.1772 35.9872 60.7736 39.9999 68.2046 39.9999Z" fill="white"/>
|
||||
<path d="M90.0053 39.9999C97.3914 39.9999 100.435 36.2459 100.435 31.1974V24.9841C100.435 19.8494 97.3914 16.1816 90.0053 16.1816C82.6188 16.1816 79.6646 19.8494 79.6646 24.9841V31.1974C79.6646 36.2459 82.5742 39.9999 90.0053 39.9999ZM90.0053 34.9947C87.4088 34.9947 86.1107 33.6571 86.1107 31.4997V24.8548C86.1107 22.6542 87.4088 21.3165 90.0053 21.3165C92.6017 21.3165 93.9892 22.6542 93.9892 24.8548V31.4997C93.9892 33.6571 92.6017 34.9947 90.0053 34.9947Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.948 22.767H108.493V39.5199H102.047V22.767L108.345 16.4033H118.246L111.948 22.767Z" fill="white"/>
|
||||
<svg width="95" height="32" viewBox="0 0 95 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.03838 0L0 5.09097H25.5072L30.5454 0H5.03838Z" fill="#13BEBB"/>
|
||||
<path d="M14.6423 31.9654C20.9094 31.9654 22.4853 29.4455 22.4853 25.9937C22.4853 21.7478 18.6533 20.9539 15.466 20.436C13.0307 20.0217 11.9205 19.8147 11.9205 18.3305C11.9205 17.2259 12.8873 16.8116 14.4632 16.8116C16.3972 16.8116 16.9342 17.3639 17.1134 18.9862L22.1988 18.2269C21.7688 14.7405 19.7992 12.9799 14.6064 12.9799C8.91239 12.9799 6.90688 15.2582 6.90688 18.8827C6.87118 23.5774 11.3118 24.0605 14.6064 24.6127C16.6476 24.9927 17.4358 25.3376 17.4358 26.684C17.4358 27.7887 16.7554 28.272 14.7138 28.272C12.4577 28.272 11.7773 27.8923 11.4908 26.0627L6.54883 26.7876C7.01433 30.4811 9.19886 31.9654 14.6423 31.9654Z" fill="white"/>
|
||||
<path d="M31.0348 28.1685C28.6352 28.1685 27.7759 27.6506 27.7759 25.9248C27.7759 24.3714 28.6352 23.7501 31.2138 23.7501H33.7923V25.5451C33.7923 27.271 32.9328 28.1685 31.0348 28.1685ZM28.8144 31.9655C31.6077 31.9655 32.8613 31.068 33.7566 29.7562V31.7239H38.8058V19.228C38.8058 15.0512 37.1943 12.9456 31.6077 12.9456C26.2 12.9456 24.3022 14.4643 23.55 18.1924L28.5638 18.9519C28.8859 17.3641 29.3516 16.8806 31.4287 16.8806C33.4342 16.8806 33.7566 17.7091 33.7566 19.09V20.3672H31.3928C24.9826 20.3672 22.7979 22.3003 22.7979 26.2353C22.7979 30.1014 24.7677 31.9655 28.8144 31.9655Z" fill="white"/>
|
||||
<path d="M40.0952 31.7237H45.2523V5.091L40.0952 10.1818V31.7237Z" fill="white"/>
|
||||
<path d="M51.5551 20.4704V19.5386C51.5551 17.9163 52.3072 16.8115 54.5634 16.8115C56.7479 16.8115 57.4643 17.7436 57.4643 19.5386V20.4704H51.5551ZM54.5634 32C60.5083 32 62.084 29.2385 62.442 26.4769L57.5359 25.752C57.321 27.4088 56.9987 28.2719 54.5634 28.2719C52.0925 28.2719 51.5551 27.0636 51.5551 25.4759V23.957H62.442V20.6431C62.442 16.0177 60.6156 12.9454 54.5634 12.9454C48.5829 12.9454 46.5415 16.0521 46.5415 19.9874V24.958C46.5415 28.7898 48.6186 32 54.5634 32Z" fill="white"/>
|
||||
<path d="M72.0036 32C77.9125 32 80.3476 28.9968 80.3476 24.958V19.9874C80.3476 15.8796 77.9125 12.9454 72.0036 12.9454C66.0943 12.9454 63.731 15.8796 63.731 19.9874V24.958C63.731 28.9968 66.0586 32 72.0036 32ZM72.0036 27.9958C69.9263 27.9958 68.8879 26.9257 68.8879 25.1998V19.884C68.8879 18.1234 69.9263 17.0533 72.0036 17.0533C74.0807 17.0533 75.1907 18.1234 75.1907 19.884V25.1998C75.1907 26.9257 74.0807 27.9958 72.0036 27.9958Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.5578 18.2135H86.7936V31.6158H81.6367V18.2135L86.6751 13.1226H94.5962L89.5578 18.2135Z" fill="white"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
|
@ -1,3 +1,3 @@
|
|||
<svg width="17" height="8" viewBox="0 0 17 8" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2626 4.96719L-1.32568e-07 4.96719L-2.17123e-07 3.03281L13.2626 3.03281L11.5821 1.36782L12.9627 -5.66617e-07L17 4L12.9627 8L11.5821 6.63218L13.2626 4.96719Z" />
|
||||
<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.21084 7.23279L0 1.46559L1.3609 0L9.15006 7.23279L1.3609 14.4656L0 13L6.21084 7.23279Z" fill="#06847B"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 302 B After Width: | Height: | Size: 259 B |
|
|
@ -88,7 +88,7 @@ const styles = (theme: Theme) =>
|
|||
margin: "0 8px"
|
||||
},
|
||||
"& svg": {
|
||||
marginTop: 12,
|
||||
marginTop: 8,
|
||||
transform: "rotate(180deg)"
|
||||
},
|
||||
"&:hover": {
|
||||
|
|
@ -115,17 +115,21 @@ const styles = (theme: Theme) =>
|
|||
},
|
||||
isMenuSmallHide: {
|
||||
"& svg": {
|
||||
marginLeft: "3px",
|
||||
transform: "rotate(0deg)"
|
||||
}
|
||||
},
|
||||
logo: {
|
||||
"& svg": {
|
||||
padding: "20px 50px",
|
||||
width: "256px"
|
||||
left: "50%",
|
||||
position: "absolute",
|
||||
top: "50%",
|
||||
transform: "translate(-50%,-50%)"
|
||||
},
|
||||
background: theme.palette.secondary.main,
|
||||
display: "block",
|
||||
height: 80
|
||||
height: 80,
|
||||
position: "relative"
|
||||
},
|
||||
logoDark: {
|
||||
"& path": {
|
||||
|
|
@ -135,7 +139,7 @@ const styles = (theme: Theme) =>
|
|||
},
|
||||
logoSmall: {
|
||||
"& svg": {
|
||||
margin: "20px 0",
|
||||
margin: 0,
|
||||
padding: 0,
|
||||
width: "80px"
|
||||
}
|
||||
|
|
@ -143,7 +147,7 @@ const styles = (theme: Theme) =>
|
|||
menu: {
|
||||
background: theme.palette.background.paper,
|
||||
height: "100vh",
|
||||
padding: 25
|
||||
padding: "25px 20px"
|
||||
},
|
||||
menuIcon: {
|
||||
"& span": {
|
||||
|
|
|
|||
|
|
@ -40,12 +40,16 @@ const styles = (theme: Theme) =>
|
|||
fill: theme.palette.common.white
|
||||
}
|
||||
},
|
||||
menuIconSmall: {
|
||||
left: -5
|
||||
},
|
||||
menuIsActive: {
|
||||
boxShadow: "0px 0px 12px 1px rgba(0,0,0,0.2)"
|
||||
},
|
||||
menuItemHover: {
|
||||
"& p": {
|
||||
transition: "color 0.5s ease"
|
||||
fontSize: 14,
|
||||
transition: "color 0.5s ease, opacity 0.3s ease-out"
|
||||
},
|
||||
"& path": {
|
||||
transition: "fill 0.5s ease"
|
||||
|
|
@ -121,19 +125,22 @@ const styles = (theme: Theme) =>
|
|||
"&:hover": {
|
||||
color: theme.palette.primary.main
|
||||
},
|
||||
bottom: 0,
|
||||
cursor: "pointer",
|
||||
display: "inline-block",
|
||||
fontSize: "1rem",
|
||||
fontWeight: 500,
|
||||
left: 30,
|
||||
opacity: 1,
|
||||
paddingLeft: 16,
|
||||
position: "absolute",
|
||||
textTransform: "uppercase",
|
||||
transition: `opacity ${theme.transitions.duration.shorter}ms ease 0.1s`
|
||||
transition: "opacity 0.5s ease"
|
||||
},
|
||||
menuListItemTextHide: {
|
||||
bottom: 0,
|
||||
left: 30,
|
||||
opacity: 0,
|
||||
position: "absolute",
|
||||
transition: `opacity ${theme.transitions.duration.shorter}ms ease`
|
||||
position: "absolute"
|
||||
},
|
||||
subMenu: {
|
||||
padding: "0 15px"
|
||||
|
|
@ -263,7 +270,8 @@ const MenuList = withStyles(styles, { name: "MenuList" })(
|
|||
>
|
||||
<SVG
|
||||
className={classNames(classes.menuIcon, {
|
||||
[classes.menuIconDark]: isDark
|
||||
[classes.menuIconDark]: isDark,
|
||||
[classes.menuIconSmall]: !isMenuSmall
|
||||
})}
|
||||
src={menuItem.icon}
|
||||
/>
|
||||
|
|
@ -308,7 +316,8 @@ const MenuList = withStyles(styles, { name: "MenuList" })(
|
|||
<div className={classes.menuItemHover}>
|
||||
<SVG
|
||||
className={classNames(classes.menuIcon, {
|
||||
[classes.menuIconDark]: isDark
|
||||
[classes.menuIconDark]: isDark,
|
||||
[classes.menuIconSmall]: !isMenuSmall
|
||||
})}
|
||||
src={menuItem.icon}
|
||||
/>
|
||||
|
|
@ -333,7 +342,8 @@ const MenuList = withStyles(styles, { name: "MenuList" })(
|
|||
<div className={classes.menuItemHover}>
|
||||
<SVG
|
||||
className={classNames(classes.menuIcon, {
|
||||
[classes.menuIconDark]: isDark
|
||||
[classes.menuIconDark]: isDark,
|
||||
[classes.menuIconSmall]: !isMenuSmall
|
||||
})}
|
||||
src={configureIcon}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ const styles = (theme: Theme) =>
|
|||
overflow: "visible",
|
||||
padding: 0,
|
||||
position: "fixed" as "fixed",
|
||||
transition: "width 0.2s ease",
|
||||
transition: "width 0.3s ease",
|
||||
width: drawerWidthExpanded
|
||||
},
|
||||
drawerDesktopSmall: {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
export const drawerWidthExpanded = 256;
|
||||
export const drawerWidthExpanded = 210;
|
||||
export const drawerWidth = 80;
|
||||
export const navigationBarHeight = 64;
|
||||
export const appLoaderHeight = 4;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import { SearchQueryVariables } from "./containers/BaseSearch";
|
|||
import { ListSettings, ListViews } from "./types";
|
||||
|
||||
export const APP_MOUNT_URI = process.env.APP_MOUNT_URI || "/";
|
||||
export const API_URI = process.env.API_URI || "/graphql/";
|
||||
export const API_URI = process.env.API_URI || "http://localhost:8008/graphql/";
|
||||
|
||||
export const DEFAULT_INITIAL_SEARCH_DATA: SearchQueryVariables = {
|
||||
after: null,
|
||||
|
|
|
|||
Loading…
Reference in a new issue