SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

моб.версия для модалки, мелкие правки

Browse Source
This commit is contained in:
Tamara 2023-10-23 20:27:04 +03:00
parent 8f42430f40
commit d12a3202c1
20 changed files with 99 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/android-chrome-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
public/android-chrome-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

9
public/browserconfig.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#da532c</TileColor>
</tile>
</msapplication>
</browserconfig>

BIN
public/favicon-16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
public/favicon.ico Executable file → Normal file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
public/index.html
View File

@ -27,7 +27,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
<title>React App</title> <title>Pena Quiz</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

BIN
public/logo192.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.2 KiB

BIN
public/logo512.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/mstile-150x150.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

48
public/safari-pinned-tab.svg Normal file
View File

@ -0,0 +1,48 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="576.000000pt" height="576.000000pt" viewBox="0 0 576.000000 576.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,576.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1980 5475 c-206 -46 -387 -146 -578 -320 -83 -75 -199 -195 -272
-281 -48 -56 -136 -162 -155 -186 -39 -50 -211 -264 -215 -268 -4 -4 -155
-192 -188 -235 -19 -25 -131 -185 -164 -235 -46 -70 -131 -221 -161 -285 -37
-77 -75 -163 -85 -190 -6 -16 -17 -43 -23 -60 -7 -16 -13 -32 -14 -35 -2 -11
-27 -86 -32 -100 -3 -8 -8 -24 -10 -34 -2 -10 -12 -53 -23 -95 -10 -42 -21
-94 -25 -116 -3 -23 -8 -52 -10 -65 -28 -137 -27 -633 0 -798 3 -15 7 -43 10
-62 3 -19 8 -53 11 -75 7 -44 62 -265 76 -305 3 -8 16 -44 28 -80 107 -313
338 -619 641 -850 71 -55 243 -170 253 -170 3 0 28 -14 56 -30 28 -17 57 -30
65 -30 8 0 15 -4 15 -10 0 -5 9 -10 20 -10 11 0 20 -4 20 -9 0 -5 10 -11 23
-14 12 -3 65 -22 117 -42 136 -53 311 -95 465 -112 98 -11 321 -5 411 11 94
16 212 54 270 87 20 11 36 14 39 9 7 -12 684 -14 686 -2 1 4 2 169 2 368 l2
361 32 40 c87 106 95 114 117 107 12 -4 23 -10 26 -14 6 -8 147 -68 230 -98
323 -115 754 -107 1080 20 102 40 294 138 310 159 3 3 15 12 28 18 25 13 25
14 118 90 120 97 289 289 335 380 8 14 16 28 19 31 25 25 117 225 148 320 25
78 49 173 57 220 2 19 9 62 14 95 9 58 7 350 -3 407 -2 16 -7 47 -11 70 -21
133 -75 291 -151 443 -114 230 -275 416 -509 590 -84 62 -342 193 -359 182 -1
-1 -9 3 -17 10 -8 6 -41 19 -74 28 -185 51 -307 68 -485 67 -64 0 -131 -3
-150 -5 -19 -3 -57 -9 -85 -12 -39 -6 -225 -51 -280 -69 -43 -13 -187 -78
-231 -102 l-48 -27 -22 26 c-46 54 -154 244 -312 547 -94 181 -107 205 -114
208 -5 2 -8 8 -8 13 0 10 -79 140 -90 149 -4 3 -11 12 -16 21 -35 62 -167 197
-241 247 -72 48 -156 87 -208 98 -11 2 -31 7 -45 10 -55 14 -246 13 -310 -1z
m2295 -1799 c49 -5 125 -22 155 -34 8 -3 17 -6 20 -7 40 -14 157 -69 184 -87
202 -132 334 -305 395 -518 12 -41 26 -86 30 -100 8 -28 7 -276 -2 -325 -31
-171 -136 -372 -254 -488 -118 -116 -282 -209 -428 -243 -117 -27 -345 -37
-345 -15 0 5 44 35 98 66 96 58 322 203 332 214 3 3 28 24 55 45 75 59 176
165 220 231 40 61 88 174 100 235 9 46 10 187 2 225 -16 76 -20 90 -39 134
-42 94 -123 196 -223 281 -36 31 -184 134 -205 143 -8 4 -28 16 -45 26 -32 21
-153 88 -275 154 -41 22 -77 42 -79 44 -9 7 6 12 54 18 28 4 51 8 52 9 4 3
152 -3 198 -8z"/>
<path d="M3470 4818 c-28 -10 -80 -62 -81 -81 0 -7 -3 -24 -5 -39 -7 -40 19
-91 59 -122 28 -22 45 -27 79 -25 80 5 129 51 135 128 5 52 -18 98 -61 126
-30 20 -91 26 -126 13z"/>
<path d="M3759 967 c-149 -63 -230 -177 -232 -327 -2 -96 2 -114 36 -180 138
-265 520 -262 650 4 34 69 48 162 34 226 -28 127 -97 216 -207 267 -81 38
-204 43 -281 10z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

19
public/site.webmanifest Normal file
View File

@ -0,0 +1,19 @@
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

2
src/pages/Landing/FooterLanding.tsx
View File

@ -55,7 +55,7 @@ export default function Component() {
<path d="M110.97 45.8731V45.0104C110.76 45.3179 110.484 45.5603 110.14 45.7375C109.8 45.9147 109.44 46.0034 109.06 46.0034C108.673 46.0034 108.326 45.9184 108.018 45.7484C107.711 45.5783 107.488 45.3396 107.351 45.0321C107.214 44.7247 107.145 44.2997 107.145 43.7571V40.111H108.67V42.7587C108.67 43.569 108.697 44.0664 108.751 44.2508C108.809 44.4317 108.912 44.5764 109.06 44.6849C109.208 44.7898 109.397 44.8422 109.624 44.8422C109.885 44.8422 110.118 44.7717 110.324 44.6306C110.531 44.486 110.672 44.3087 110.748 44.0989C110.824 43.8855 110.862 43.3664 110.862 42.5417V40.111H112.386V45.8731H110.97Z" fill="#F2F3F7"/> <path d="M110.97 45.8731V45.0104C110.76 45.3179 110.484 45.5603 110.14 45.7375C109.8 45.9147 109.44 46.0034 109.06 46.0034C108.673 46.0034 108.326 45.9184 108.018 45.7484C107.711 45.5783 107.488 45.3396 107.351 45.0321C107.214 44.7247 107.145 44.2997 107.145 43.7571V40.111H108.67V42.7587C108.67 43.569 108.697 44.0664 108.751 44.2508C108.809 44.4317 108.912 44.5764 109.06 44.6849C109.208 44.7898 109.397 44.8422 109.624 44.8422C109.885 44.8422 110.118 44.7717 110.324 44.6306C110.531 44.486 110.672 44.3087 110.748 44.0989C110.824 43.8855 110.862 43.3664 110.862 42.5417V40.111H112.386V45.8731H110.97Z" fill="#F2F3F7"/>
<path d="M113.905 45.8731V37.9189H115.43V40.7838C115.9 40.2484 116.457 39.9807 117.101 39.9807C117.803 39.9807 118.383 40.2358 118.843 40.7458C119.302 41.2522 119.532 41.981 119.532 42.9324C119.532 43.9162 119.297 44.674 118.827 45.2058C118.36 45.7375 117.792 46.0034 117.123 46.0034C116.794 46.0034 116.468 45.922 116.146 45.7592C115.828 45.5928 115.553 45.3487 115.322 45.0267V45.8731H113.905ZM115.419 42.8673C115.419 43.4641 115.513 43.9054 115.701 44.1912C115.965 44.5963 116.316 44.7988 116.754 44.7988C117.09 44.7988 117.376 44.656 117.611 44.3702C117.85 44.0808 117.969 43.6269 117.969 43.0083C117.969 42.35 117.85 41.8762 117.611 41.5868C117.372 41.2938 117.067 41.1473 116.694 41.1473C116.329 41.1473 116.025 41.2902 115.783 41.5759C115.54 41.8581 115.419 42.2885 115.419 42.8673Z" fill="#F2F3F7"/> <path d="M113.905 45.8731V37.9189H115.43V40.7838C115.9 40.2484 116.457 39.9807 117.101 39.9807C117.803 39.9807 118.383 40.2358 118.843 40.7458C119.302 41.2522 119.532 41.981 119.532 42.9324C119.532 43.9162 119.297 44.674 118.827 45.2058C118.36 45.7375 117.792 46.0034 117.123 46.0034C116.794 46.0034 116.468 45.922 116.146 45.7592C115.828 45.5928 115.553 45.3487 115.322 45.0267V45.8731H113.905ZM115.419 42.8673C115.419 43.4641 115.513 43.9054 115.701 44.1912C115.965 44.5963 116.316 44.7988 116.754 44.7988C117.09 44.7988 117.376 44.656 117.611 44.3702C117.85 44.0808 117.969 43.6269 117.969 43.0083C117.969 42.35 117.85 41.8762 117.611 41.5868C117.372 41.2938 117.067 41.1473 116.694 41.1473C116.329 41.1473 116.025 41.2902 115.783 41.5759C115.54 41.8581 115.419 42.2885 115.419 42.8673Z" fill="#F2F3F7"/>
</svg> </svg>
<Typography color={"#727074"} fontSize={"14px"}>(с) 2023 Examplelink.com</Typography> <Typography color={"#727074"} fontSize={"14px"}>© ООО Пена</Typography>
</Box> </Box>
<Box <Box

2
src/pages/Landing/HeaderLanding.tsx
View File

@ -12,6 +12,7 @@ const buttonMenu = ['Меню 1', 'Меню 2', 'Меню 3', 'Меню 4', 'М
export default function Component() { export default function Component() {
const theme = useTheme(); const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down(600)); const isMobile = useMediaQuery(theme.breakpoints.down(600));
const isTablet = useMediaQuery(theme.breakpoints.down(1000))
const [select, setSelect] = React.useState(0) const [select, setSelect] = React.useState(0)
return ( return (
<SectionStyled tag={'header'} bg={'#F2F3F7'} mwidth={'1160px'} <SectionStyled tag={'header'} bg={'#F2F3F7'} mwidth={'1160px'}
@ -19,6 +20,7 @@ export default function Component() {
minHeight: '80px', minHeight: '80px',
borderBottom: '1px solid #E3E3E3', borderBottom: '1px solid #E3E3E3',
position: "relative", position: "relative",
padding: isMobile ? "0 16px" : isTablet ? "0 40px" : 0,
zIndex: 3 zIndex: 3
}} }}
sxcont={{ sxcont={{

7
src/pages/Landing/Hero.tsx
View File

@ -63,9 +63,10 @@ export default function Component() {
sx={{ sx={{
position: "absolute", position: "absolute",
bottom: isMobile ? undefined : (isTablet? "138px" : "-291px"), bottom: isMobile ? undefined : (isTablet? "138px" : "-291px"),
width: isMobile ? "403px" : "810px", maxWidth: isMobile ? "403px" : "810px",
left: isMobile ? "-44px" : (isTablet? "54px" : "401px"), width: "100%",
top: isMobile ? "-386px" : undefined left: isMobile ? "-20px" : (isTablet? "54px" : "401px"),
top: isMobile ? "-345px" : undefined
}} }}
/> />
</Box> </Box>

21
src/pages/Landing/HowItWorks.tsx
View File

@ -74,13 +74,13 @@ export default function HowItWorks () {
> >
<Box <Box
sx={{ sx={{
width: isTablet ? undefined : '50%', width: isMobile ? "100%" : isTablet ? undefined : '50%',
padding: '20px', padding: '20px',
minHeight: '401px', minHeight: '401px',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'space-between', justifyContent: 'space-between',
boxSizing: "border-box" boxSizing: "border-box",
}} }}
> >
<Box <Box
@ -102,7 +102,8 @@ export default function HowItWorks () {
justifyContent: 'flex-start', justifyContent: 'flex-start',
display: "flex", display: "flex",
flexDirection: 'column', flexDirection: 'column',
width: isMobile ? "300px" : (isTablet ? "840px" : "453px"), maxWidth: isMobile ? "300px" : (isTablet ? "840px" : "453px"),
width: "100%",
gap: isMobile ? 0 : "20px", gap: isMobile ? 0 : "20px",
marginTop: isMobile ? "10px" : 0 marginTop: isMobile ? "10px" : 0
}} }}
@ -120,7 +121,7 @@ export default function HowItWorks () {
src={Firstblock1} src={Firstblock1}
sx={{ sx={{
backgroundColor: '#C8DADE', backgroundColor: '#C8DADE',
width: isMobile ? '302px' : '880px', width: isMobile ? undefined : '880px',
height: isMobile ? '193px': '561px', height: isMobile ? '193px': '561px',
borderRadius: '12px', borderRadius: '12px',
@ -248,7 +249,7 @@ export default function HowItWorks () {
> >
<Box <Box
sx={{ sx={{
width: isTablet ? undefined : '50%', width: isMobile ? "100%" : isTablet ? undefined : '50%',
minHeight: '401px', minHeight: '401px',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
@ -296,7 +297,7 @@ export default function HowItWorks () {
src={Firstblock2} src={Firstblock2}
sx={{ sx={{
backgroundColor: '#C8DADE', backgroundColor: '#C8DADE',
width: isMobile ? '302px' : '880px', width: isMobile ? undefined : '880px',
height: isMobile ? '193px': '561px', height: isMobile ? '193px': '561px',
borderRadius: '12px', borderRadius: '12px',
}} }}
@ -362,7 +363,7 @@ export default function HowItWorks () {
> >
<Box <Box
sx={{ sx={{
width: isTablet ? undefined : '50%', width: isMobile ? "100%" : isTablet ? undefined : '50%',
height: '100%', height: '100%',
padding: '20px', padding: '20px',
gap: "10px", gap: "10px",
@ -403,7 +404,7 @@ export default function HowItWorks () {
src={Firstblock3} src={Firstblock3}
sx={{ sx={{
backgroundColor: '#C8DADE', backgroundColor: '#C8DADE',
width: isMobile ? '302px' : '880px', width: isMobile ? undefined : '880px',
height: isMobile ? '193px': '561px', height: isMobile ? '193px': '561px',
borderRadius: '12px', borderRadius: '12px',
}} }}
@ -508,7 +509,7 @@ export default function HowItWorks () {
> >
<Box <Box
sx={{ sx={{
width: isTablet ? undefined :'50%', width: isMobile ? "100%" : isTablet ? undefined :'50%',
height: '100%', height: '100%',
padding: '20px', padding: '20px',
boxSizing: "border-box", boxSizing: "border-box",
@ -550,7 +551,7 @@ export default function HowItWorks () {
src={Firstblock4} src={Firstblock4}
sx={{ sx={{
backgroundColor: '#C8DADE', backgroundColor: '#C8DADE',
width: isMobile ? '302px' : '880px', width: isMobile ? undefined : '880px',
height: isMobile ? '193px': '561px', height: isMobile ? '193px': '561px',
borderRadius: '12px', borderRadius: '12px',
}} }}

2
src/pages/Landing/Landing.tsx
View File

@ -21,7 +21,7 @@ export default function Landing() {
return ( return (
<> <>
<CssBaseline /> <CssBaseline />
{isTablet ? <FullScreenDialog/> : <Header/> } <Header/>
<Hero/> <Hero/>
<Counter/> <Counter/>
<Collaboration/> <Collaboration/>

2
src/pages/Landing/WhatTheFeatures.tsx
View File

@ -208,7 +208,7 @@ export default function Component () {
lineHeight: '21px', lineHeight: '21px',
}} }}
> >
Самый удобный инструмент для проведения исследований аудитории , Самый удобный инструмент для проведения исследований аудитории,
больше вас не сдерживают никакие ограничения. больше вас не сдерживают никакие ограничения.
</Typography> </Typography>
</Box> </Box>

4
src/ui_kit/ContactForm.tsx
View File

@ -36,7 +36,7 @@ export default () => {
component="form" component="form"
noValidate noValidate
sx={{ sx={{
width: "600px", width: isMobile ? "90vw" : "600px",
height: "474px", height: "474px",
margin: "200px auto 0", margin: "200px auto 0",
position: "relative", position: "relative",
@ -91,7 +91,7 @@ export default () => {
name="name" name="name"
fullWidth fullWidth
sx={{ sx={{
width: isMobile ? "266px" : "100%", width: "100%",
// mt: "25px", // mt: "25px",
mb: "10px", mb: "10px",
"& .MuiInputBase-root": { "& .MuiInputBase-root": {