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-12-01 23:45:35 +03:00
parent 305b8707ce
commit 93232687af
15 changed files with 35 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/model/quizSettings.ts
View File

@ -11,7 +11,7 @@ export const quizSetupSteps = [
{ stepperText: "Настройка стартовой страницы", sidebarText: "Стартовая страница", sidebarIcon: LayoutIcon },
{ stepperText: "Задайте вопросы", sidebarText: "Вопросы", sidebarIcon: QuestionIcon },
{ stepperText: "Настройте авторезультаты", sidebarText: "Результаты", sidebarIcon: ChartPieIcon },
{ stepperText: "Оценка графа карты вопросов", sidebarText: "Карта вопросов", sidebarIcon: QuestionsMapIcon },
// { stepperText: "Оценка графа карты вопросов", sidebarText: "Карта вопросов", sidebarIcon: QuestionsMapIcon },
{ stepperText: "Настройте форму контактов", sidebarText: "Форма контактов", sidebarIcon: ContactBookIcon },
{ stepperText: "Установите квиз", sidebarText: "Установка квиза", sidebarIcon: FlowArrowIcon },
{ stepperText: "Запустите рекламу", sidebarText: "Запуск рекламы", sidebarIcon: MegaphoneIcon },

2
src/pages/Questions/AnswerDraggableList/AnswerItem.tsx
View File

@ -64,7 +64,7 @@ export const AnswerItem = ({
fullWidth
variant="standard"
sx={{
margin: isTablet ? " 15px 0 20px 0" : "0 0 20px 0",
margin: isTablet ? " 15px 0 20px 0" : "0 0 15px 0",
borderRadius: "10px",
border: "1px solid rgba(0, 0, 0, 0.23)",
background: "white",

1
src/pages/Questions/ButtonsOptions.tsx
View File

@ -247,6 +247,7 @@ export default function ButtonsOptions({
sx={{
padding: "20px",
display: "flex",
gap: "6px",
}}
>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}>

1
src/pages/Questions/Emoji/Emoji.tsx
View File

@ -73,7 +73,6 @@ export default function Emoji({ question }: Props) {
justifyContent: "space-between",
background: "#EEE4FC",
borderRadius: "3px",
marginRight: "15px",
}}
>
<Box

2
src/pages/Questions/Form/FormQuestionsPage.tsx
View File

@ -46,7 +46,7 @@ export default function FormQuestionsPage() {
maxWidth: "796px",
boxShadow: "0px 10px 30px #e7e7e7",
borderRadius: "12px",
marginBottom: "40px",
marginBottom: "30px",
borderTop: "1px solid transparent",
borderBottom: "1px solid transparent",
background: "#FFFFFF",

8
src/pages/Questions/RatingOptions/RatingOptions.tsx
View File

@ -73,7 +73,7 @@ export default function RatingOptions({ question }: Props) {
const buttonRatingForm: ButtonRatingFrom[] = [
{
name: "star",
icon: <StarIconMini width={50} color={theme.palette.grey2.main} />,
icon: <StarIconMini width={35} color={theme.palette.grey2.main} />,
},
{ name: "trophie", icon: <TropfyIcon color={theme.palette.grey2.main} /> },
{ name: "flag", icon: <FlagIcon color={theme.palette.grey2.main} /> },
@ -107,8 +107,8 @@ export default function RatingOptions({ question }: Props) {
maxWidth: "440px",
display: "flex",
justifyContent: "space-between",
padding: "0 10px",
gap: isMobile ? "10px" : "15px",
padding: "10px 10px 0 10px",
gap: isMobile ? "10px" : "30px",
}}
>
{Array.from(
@ -206,7 +206,7 @@ export default function RatingOptions({ question }: Props) {
}}
/>
</Box>
<Box sx={{ minWidth: isMobile ? "140px" : "205px" }}>
<Box sx={{ minWidth: isMobile ? "140px" : "205px", textAlign: isMobile ? "right" : undefined, }}>
<Typography
ref={positiveRef}
sx={{

2
src/pages/Questions/SliderOptions/SliderOptions.tsx
View File

@ -27,7 +27,7 @@ export default function SliderOptions({ question }: Props) {
<Box
sx={{
width: isTablet ? "auto" : "100%",
maxWidth: "673.8px",
maxWidth: "720.8px",
display: "flex",
pl: "20px",
pr: isMobile ? "13px" : "20px",

5
src/pages/Questions/UploadFile/UploadFile.tsx
View File

@ -76,7 +76,7 @@ export default function UploadFile({ question }: Props) {
<Box
sx={{
width: isTablet ? "auto" : "100%",
maxWidth: "640px",
maxWidth: "680px",
display: "flex",
px: "20px",
flexDirection: "column",
@ -163,9 +163,10 @@ export default function UploadFile({ question }: Props) {
<Box
sx={{
display: "flex",
alignItems: "flex-start",
alignItems: "end",
marginBottom: "20px",
marginTop: "15px",
gap: "9px"
}}
>
<Typography

32
src/pages/startPage/StartPage.tsx
View File

@ -171,21 +171,7 @@ export default function StartPage() {
gap: "15px",
}}
>
<Button
variant="outlined"
startIcon={<EyeIcon />}
sx={{
color: theme.palette.brightPurple.main,
fontSize: "14px",
lineHeight: "18px",
height: "34px",
"& .MuiButton-startIcon": {
mr: "3px",
},
}}
>
Предпросмотр
</Button>
<Button
variant="contained"
sx={{
@ -251,21 +237,7 @@ export default function StartPage() {
background: "#FFF",
}}
>
<Button
variant="outlined"
startIcon={<EyeIcon />}
sx={{
color: theme.palette.brightPurple.main,
fontSize: "14px",
lineHeight: "18px",
height: "34px",
"& .MuiButton-startIcon": {
mr: "3px",
},
}}
>
Предпросмотр
</Button>
<Button
variant="contained"
sx={{

23
src/pages/startPage/StartPageSettings.tsx
View File

@ -153,7 +153,7 @@ export default function StartPageSettings() {
}`,
display: "flex",
flexDirection: "column",
flex: `1 1 342px`,
flex: `1 1 361px`,
}}
>
<Typography
@ -313,7 +313,7 @@ export default function StartPageSettings() {
<Box
sx={{
mt: "20px",
mt: "10px",
display: "flex",
gap: "10px",
flexDirection: "column",
@ -333,6 +333,9 @@ export default function StartPageSettings() {
textDecorationColor: theme.palette.brightPurple.main,
ml: "-9px",
userSelect: "none",
"& .css-14o5ia4-MuiTypography-root": {
fontSize: "16px"
}
}}
onClick={() => {
MobileVersionHC(!mobileVersion);
@ -617,7 +620,7 @@ export default function StartPageSettings() {
Заголовок
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который"
placeholder=""
text={quiz.name}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.name = e.target.value;
@ -634,7 +637,7 @@ export default function StartPageSettings() {
Текст
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который "
placeholder=""
text={quiz.config.startpage.description}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.startpage.description = e.target.value;
@ -651,7 +654,7 @@ export default function StartPageSettings() {
Текст кнопки
</Typography>
<CustomTextField
placeholder="Начать"
placeholder=""
text={quiz.config.startpage.button}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.startpage.button = e.target.value;
@ -668,13 +671,14 @@ export default function StartPageSettings() {
Телефон
</Typography>
<CustomTextField
placeholder="+7 900 000 00 00"
placeholder=""
text={quiz.config.info.phonenumber}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.info.phonenumber = e.target.value;
})}
/>
<CustomCheckbox
sx={{margin: "10px 0"}}
label="Кликабельный"
checked={quiz.config.info.clickable}
handleChange={e => updateQuiz(quiz.id, quiz => {
@ -692,7 +696,7 @@ export default function StartPageSettings() {
Название или слоган компании
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который "
placeholder=""
text={quiz.config.info.orgname}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.info.orgname = e.target.value;
@ -709,7 +713,7 @@ export default function StartPageSettings() {
Сайт
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который "
placeholder=""
text={quiz.config.info.site}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.info.site = e.target.value;
@ -726,7 +730,7 @@ export default function StartPageSettings() {
Юридическая информация
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который "
placeholder=""
text={quiz.config.info.law}
onChange={e => updateQuiz(quiz.id, quiz => {
quiz.config.info.law = e.target.value;
@ -784,6 +788,7 @@ export default function StartPageSettings() {
justifyContent: "flex-end",
flexDirection: isTablet ? "column" : "row",
marginTop: "30px",
marginBottom: isTablet ? "90px" : undefined
}}
>
<FormControlLabel

2
src/pages/startPage/extra.tsx
View File

@ -76,7 +76,7 @@ export default function Extra() {
Mета заголовок
</Typography>
<CustomTextField
placeholder="Текст-заполнитель — это текст, который "
placeholder=""
text={quiz.config.meta}
onChange={mutationOrgMetaHC}
/>

17
src/ui_kit/Header/Header.tsx
View File

@ -71,7 +71,7 @@ export default function Header() {
<Box
sx={{
display: "flex",
gap: "30px",
gap: "31px",
overflow: "hidden",
ml: "20px",
}}
@ -89,21 +89,6 @@ export default function Header() {
gap: "15px",
}}
>
<Button
variant="outlined"
startIcon={<EyeIcon />}
sx={{
color: theme.palette.brightPurple.main,
fontSize: "14px",
lineHeight: "18px",
height: "34px",
"& .MuiButton-startIcon": {
mr: "3px",
},
}}
>
Предпросмотр
</Button>
<Button
variant="contained"
sx={{

3
src/ui_kit/MenuItem.tsx
View File

@ -16,7 +16,8 @@ export default function MenuItem({ icon, text, isActive = false, isCollapsed, on
<ListItem
sx={{
px: 0,
py: "3px",
pt: "5px",
pb: "3px"
}}
>
<ListItemButton

2
src/ui_kit/QuestionsMiniButton.tsx
View File

@ -27,6 +27,7 @@ export default function QuestionsMiniButton({ icon, text, onClick, dataCy }: Que
height: "140px",
border: "1px solid #9A9AAF",
borderRadius: "8px",
background: "transparent"
}}
onClick={onClick}
>
@ -34,6 +35,7 @@ export default function QuestionsMiniButton({ icon, text, onClick, dataCy }: Que
<Typography
sx={{
textAlign: "left",
width: "100%",
fontWeight: 400,
fontSize: "16px",
lineHeight: "18.4px",

2
src/ui_kit/Sidebar.tsx
View File

@ -115,7 +115,7 @@ export default function Sidebar() {
sx={{
px: "16px",
mt: "16px",
mb: "11px",
mb: "6px",
fontSize: "14px",
lineHeight: "20px",
fontWeight: 500,