diff --git a/README.md b/README.md index f6f7e1b..0c69c36 100644 --- a/README.md +++ b/README.md @@ -1,52 +1,54 @@ -## Виджет -### Сборка -```bash -yarn build:widget -``` -### Использование -```html - -``` -## Npm-пакет -### Перед использованием и публикацией -```bash -npm config set //penahub.gitlab.yandexcloud.net/api/v4/packages/npm/:_authToken=INSTANCE_TOKEN -npm config set //penahub.gitlab.yandexcloud.net/api/v4/projects/43/packages/npm/:_authToken=PROJECT_TOKEN -``` -### Публикация -1. Инкрементировать версию в package.json -2. -```bash -yarn publish -``` -3. Нажать enter при запросе версии -### Установка -Добавить в корень проекта файл .yarnrc с содержимым -``` -"@frontend:registry" "https://penahub.gitlab.yandexcloud.net/api/v4/packages/npm/" -``` -```bash -yarn add @frontend/squzanswerer -``` -Peer dependencies: -```bash -yarn add @emoji-mart/data @emoji-mart/react @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-date-pickers axios emoji-mart immer moment nanoid notistack react-dom react-error-boundary react-router-dom react swr use-debounce zustand -``` -### Использование -```ts -import { QuizView } from "@frontend/squzanswerer"; - -export default function Component() { - // ... - return ( - - } -} -``` +## Правила +- Запрещено использовать vh/vw css-юниты и их производные +## Виджет +### Сборка +```bash +yarn build:widget +``` +### Использование +```html + +``` +## Npm-пакет +### Перед использованием и публикацией +```bash +npm config set //penahub.gitlab.yandexcloud.net/api/v4/packages/npm/:_authToken=INSTANCE_TOKEN +npm config set //penahub.gitlab.yandexcloud.net/api/v4/projects/43/packages/npm/:_authToken=PROJECT_TOKEN +``` +### Публикация +1. Инкрементировать версию в package.json +2. +```bash +yarn publish +``` +3. Нажать enter при запросе версии +### Установка +Добавить в корень проекта файл .yarnrc с содержимым +``` +"@frontend:registry" "https://penahub.gitlab.yandexcloud.net/api/v4/packages/npm/" +``` +```bash +yarn add @frontend/squzanswerer +``` +Peer dependencies: +```bash +yarn add @emoji-mart/data @emoji-mart/react @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-date-pickers axios emoji-mart immer moment nanoid notistack react-dom react-error-boundary react-router-dom react swr use-debounce zustand +``` +### Использование +```ts +import { QuizView } from "@frontend/squzanswerer"; + +export default function Component() { + // ... + return ( + + } +} +``` diff --git a/lib/components/ViewPublicationPage/ContactForm.tsx b/lib/components/ViewPublicationPage/ContactForm.tsx index 4a8b0fd..764cd4e 100644 --- a/lib/components/ViewPublicationPage/ContactForm.tsx +++ b/lib/components/ViewPublicationPage/ContactForm.tsx @@ -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 diff --git a/lib/components/ViewPublicationPage/ResultForm.tsx b/lib/components/ViewPublicationPage/ResultForm.tsx index 1412881..e0e6bca 100644 --- a/lib/components/ViewPublicationPage/ResultForm.tsx +++ b/lib/components/ViewPublicationPage/ResultForm.tsx @@ -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, diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx index ec5478e..24ed752 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/StartPageDesktop.tsx @@ -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 = ({ 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", diff --git a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx index 68cb8ce..1484a92 100644 --- a/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx +++ b/lib/components/ViewPublicationPage/StartPageViewPublication/index.tsx @@ -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", }} diff --git a/package.json b/package.json index c951e87..4f48bb8 100755 --- a/package.json +++ b/package.json @@ -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",