diff --git a/public/locales/ru/translation.json b/public/locales/ru/translation.json index bde0c4d6..6026b68c 100644 --- a/public/locales/ru/translation.json +++ b/public/locales/ru/translation.json @@ -147,6 +147,7 @@ "Report": "Пожаловаться", "Resend code": "Выслать подтверждение", "Restore password": "Восстановить пароль", + "Save": "Сохранить", "Save settings": "Сохранить настройки", "Search": "Поиск", "Search author": "Поиск автора", diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx index 830493d4..dc5a9bba 100644 --- a/src/components/Nav/HeaderAuth.tsx +++ b/src/components/Nav/HeaderAuth.tsx @@ -13,6 +13,7 @@ import { ShowOnlyOnClient } from '../_shared/ShowOnlyOnClient' import { useSession } from '../../context/session' import { useLocalize } from '../../context/localize' import { getPagePath } from '@nanostores/router' +import { Button } from '../_shared/Button' type HeaderAuthProps = { setIsProfilePopupVisible: (value: boolean) => void @@ -53,7 +54,7 @@ export const HeaderAuth = (props: HeaderAuthProps) => { - +
@@ -63,6 +64,16 @@ export const HeaderAuth = (props: HeaderAuthProps) => {
+ +
+
+ +
+
+
+
@@ -70,7 +81,7 @@ export const HeaderAuth = (props: HeaderAuthProps) => { diff --git a/src/components/Views/Create.tsx b/src/components/Views/Create.tsx index 6f895276..93ac29cd 100644 --- a/src/components/Views/Create.tsx +++ b/src/components/Views/Create.tsx @@ -88,130 +88,128 @@ export const CreateView = () => {
-
-
-
-
- +
+
+
+ - setForm('subtitle', e.currentTarget.value)} - /> + setForm('subtitle', e.currentTarget.value)} + /> - setForm('body', body)} /> + setForm('body', body)} /> -
- {/**/} - Настройки -
+
-
-

Настройки публикации

+
+
+

Настройки публикации

-

Slug

-
- Slug +
+ + +
+ + {/*

Лид

*/} + {/*
*/} + {/* */} + {/* */} + {/*
*/} + + {/*

Выбор сообщества

*/} + {/*

Сообщества можно перечислить через запятую

*/} + {/*
*/} + {/* */} + {/*
*/} + +

Темы

+ {/*

*/} + {/* Добавьте несколько тем, чтобы читатель знал, о чем ваш материал, и мог найти*/} + {/* его на страницах интересных ему тем. Темы можно менять местами, первая тема*/} + {/* становится заглавной*/} + {/*

*/} +
+ + setForm('selectedTopics', newSelectedTopics)} + selectedTopics={form.selectedTopics} /> - -
+ + {/**/} +
- {/*

Лид

*/} - {/*
*/} - {/* */} - {/* */} - {/*
*/} + {/*

Соавторы

*/} + {/*

У каждого соавтора можно добавить роль

*/} + {/*
*/} + {/*
*/} + {/* */} + {/* */} + {/*
*/} + {/* */} + {/*
*/} - {/*

Выбор сообщества

*/} - {/*

Сообщества можно перечислить через запятую

*/} - {/*
*/} - {/* */} - {/*
*/} + {/*
*/} + {/*
Михаил Драбкин
*/} + {/*
*/} + {/* */} + {/*
*/} + {/*
*/} -

Темы

- {/*

*/} - {/* Добавьте несколько тем, чтобы читатель знал, о чем ваш материал, и мог найти*/} - {/* его на страницах интересных ему тем. Темы можно менять местами, первая тема*/} - {/* становится заглавной*/} - {/*

*/} -
- - setForm('selectedTopics', newSelectedTopics)} - selectedTopics={form.selectedTopics} - /> - - {/**/} -
+

Карточка материала на главной

+

+ Выберите заглавное изображение для статьи, тут сразу можно увидеть как карточка будет + выглядеть на главной странице +

+
- {/*

Соавторы

*/} - {/*

У каждого соавтора можно добавить роль

*/} - {/*
*/} - {/*
*/} - {/* */} - {/* */} - {/*
*/} - {/* */} - {/*
*/} - - {/*
*/} - {/*
Михаил Драбкин
*/} - {/*
*/} - {/* */} - {/*
*/} - {/*
*/} - -

Карточка материала на главной

-

- Выберите заглавное изображение для статьи, тут сразу можно увидеть как карточка будет - выглядеть на главной странице +

+

+ Проверьте ещё раз введённые данные, если всё верно, вы можете сохранить или + опубликовать ваш текст

-
- -
-

- Проверьте ещё раз введённые данные, если всё верно, вы можете сохранить или - опубликовать ваш текст -

- {/**/} - Назад - -
+ {/**/} + Назад +
diff --git a/src/components/_shared/Button/Button.module.scss b/src/components/_shared/Button/Button.module.scss index 50e510d7..e4c0ce76 100644 --- a/src/components/_shared/Button/Button.module.scss +++ b/src/components/_shared/Button/Button.module.scss @@ -37,13 +37,29 @@ line-height: 21px; color: #696969; - &.hover, - &.active { + &:hover, + &:active { text-decoration: underline; color: #141414; } } + &.outline { + border: 3px solid #f2f2f2; + border-radius: 1.2em; + cursor: pointer; + font-weight: bold; + margin-right: 0.8em; + padding: 0; + + &:hover, + &:active { + background: #000; + border-color: #000; + color: #fff; + } + } + &:disabled, &:disabled:hover { cursor: default;