SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

replace vh units

Browse Source
This commit is contained in:
nflnkr 2024-04-02 20:21:31 +03:00
parent df54d2c4e6
commit ededa7e339
7 changed files with 66 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,3 +1,5 @@
## Правила
- Запрещено использовать vh/vw css-юниты и их производные
## Виджет
### Сборка
```bash

2
lib/components/ViewPublicationPage/ContactForm.tsx
View File

@ -179,7 +179,7 @@ export const ContactForm = ({currentQuestion, onShowResult}: Props) => {
width: isWide && !isMobile ? "100%" : isMobile ? undefined : "530px",
borderRadius: "4px",
height: "100%",
minHeight: "100vh",
minHeight: "100%",
display: isWide && !isMobile ? "flex" : undefined,
background: settings.cfg.design && !isMobile
? quizThemes[settings.cfg.theme].isLight

2
lib/components/ViewPublicationPage/ResultForm.tsx
View File

@ -35,7 +35,7 @@ export const ResultForm = ({resultQuestion}: ResultFormProps) => {
alignItems: "center",
justifyContent: "space-between",
height: "100%",
minHeight: "100vh",
minHeight: "100%",
width: "100%",
overflow: "auto",
backgroundColor: theme.palette.background.default,

6
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx
View File

@ -36,7 +36,7 @@ const StandartLayout = ({
sx={{
display: "flex",
flexDirection: alignType === "left" ? "row" : "row-reverse",
minHeight: "100vh",
minHeight: "100%",
backgroundPosition: "center",
backgroundSize: "cover",
backgroundImage: settings.cfg.design
@ -78,7 +78,7 @@ const ExpandedLayout = ({
<Box
sx={{
zIndex: 3,
minHeight: "100vh",
minHeight: "100%",
width: "40%",
padding: "16px",
margin:
@ -137,7 +137,7 @@ const CenteredLayout = ({
display: "flex",
flexDirection: "column",
alignItems: "center",
minHeight: "100vh",
minHeight: "100%",
backgroundPosition: "center",
backgroundSize: "cover",
backgroundImage: settings.cfg.design

10
lib/components/ViewPublicationPage/StartPageViewPublication/StartPageMobile.tsx
View File

@ -31,7 +31,7 @@ const StandartMobileLayout = ({
flexDirection: "column-reverse",
flexGrow: 1,
justifyContent: "flex-end",
minHeight: "100vh",
minHeight: "100%",
height: "100%",
"&::-webkit-scrollbar": { width: 0 },
backgroundPosition: "center",
@ -97,7 +97,7 @@ const ExpandedMobileLayout = ({
flexDirection: "column-reverse",
flexGrow: 1,
justifyContent: "flex-end",
minHeight: "100vh",
minHeight: "100%",
height: "100%",
"&::-webkit-scrollbar": { width: 0 },
}}
@ -140,11 +140,11 @@ const ExpandedMobileLayout = ({
left: 0,
top: 0,
width: "100%",
minHeight: "100vh",
minHeight: "100%",
overflow: "hidden",
"& > img": {
display: "block",
minHeight: "100vh",
minHeight: "100%",
},
}}
>
@ -166,7 +166,7 @@ const CenteredMobileLayout = ({
flexDirection: "column-reverse",
flexGrow: 1,
justifyContent: "flex-end",
minHeight: "100vh",
minHeight: "100%",
height: "100%",
backgroundPosition: "center",
backgroundSize: "cover",

3
lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx
View File

@ -21,7 +21,6 @@ import { quizThemes } from "@utils/themes/Publication/themePublication";
import { DESIGN_LIST } from "../Question";
import { NameplateLogo } from "@icons/NameplateLogo";
import PenaLogo from "@icons/PenaLogo.png";
export const StartPageViewPublication = () => {
const theme = useTheme();
@ -51,7 +50,7 @@ export const StartPageViewPublication = () => {
: undefined,
height: "100%",
minWidth: "100%",
maxHeight: "100vh",
maxHeight: "100%",
objectFit: "cover",
overflow: "hidden",
}}

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@frontend/squzanswerer",
"version": "1.0.12",
"version": "1.0.13",
"type": "module",
"main": "./dist-package/index.js",
"module": "./dist-package/index.js",