diff --git a/packages/fakeyou/src/AppNew.scss b/packages/fakeyou/src/AppNew.scss index 5906ff01c9..5decef3642 100644 --- a/packages/fakeyou/src/AppNew.scss +++ b/packages/fakeyou/src/AppNew.scss @@ -207,23 +207,23 @@ $headings-font-family: "Merriweather", serif; .btn-secondary { color: $white !important; - border-color: #5a4a54; - background-color: #5a4a54; + border-color: #974e4c; + background-color: #974e4c; &:hover { - border-color: lighten(#5a4a54, 5%); - background-color: lighten(#5a4a54, 5%); + border-color: lighten(#974e4c, 6%); + background-color: lighten(#974e4c, 6%); } } .btn-destructive { - background-color: #5a3d47 !important; - border-color: #5a3d47; + background-color: #6d353b !important; + border-color: #6d353b; color: $white; &:hover { - border-color: lighten(#5a3d47, 6%); - background-color: lighten(#5a3d47, 6%) !important; + border-color: lighten(#6d353b, 6%); + background-color: lighten(#6d353b, 6%) !important; } } diff --git a/packages/fakeyou/src/scss/site-refresh.scss b/packages/fakeyou/src/scss/site-refresh.scss index 695f645add..2a0e532af0 100644 --- a/packages/fakeyou/src/scss/site-refresh.scss +++ b/packages/fakeyou/src/scss/site-refresh.scss @@ -312,6 +312,21 @@ styles with important tags: .alert { border-radius: 5px; font-weight: 400; + font-size: 12px; + margin-bottom: 1rem; + padding: 0.75rem 1rem; + + a { + color: darken($primary, 3%); + + &:hover { + opacity: 0.85; + } + } + + &.alert-dismissible { + padding-right: 2.75rem; + } } .input-icon { @@ -517,10 +532,6 @@ styles with important tags: } } - .alert { - font-size: 14px; - } - .rounded-circle { border-radius: 50px; } @@ -538,6 +549,10 @@ styles with important tags: color: rgba($white, 0.6); } } + + .btn-close { + transition: 0.2s; + } } @media (min-width: 992px) { @@ -562,6 +577,10 @@ styles with important tags: .lead { font-size: 20px; } + + .alert { + font-size: 13px; + } } } @@ -586,10 +605,6 @@ styles with important tags: columns: 3; } - .alert { - font-size: 16px; - } - .video-card { min-height: 220px; } diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx index c578ce78e6..58165a55b9 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx @@ -350,7 +350,7 @@ function TtsModelListPage(props: Props) {
{t("tts.TtsModelListPage.heroSection.title")} diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/GenericNotice.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/GenericNotice.tsx index 4425a34af0..47f2ebe2e4 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/GenericNotice.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/GenericNotice.tsx @@ -9,9 +9,9 @@ interface Props { function GenericNotice(props: Props) { return ( <> -
+
-

- {props.title} -

- {props.body} + {props.title} {props.body}
diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/LanguageNotice.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/LanguageNotice.tsx index edaa4492fd..b69a1548dc 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/LanguageNotice.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/LanguageNotice.tsx @@ -22,19 +22,15 @@ function LanguageNotice(props: Props) { let title = "¡Bienvenidos!"; let weHaveModels = ( <> -

- Tenemos modelos de habla hispana. Echa un vistazo a la categoría - "Español" ("Category Filters"). -

+ Tenemos modelos de habla hispana. Echa un vistazo a la categoría "Español" + ("Category Filters"). ); let joinUs = ( <> -

- Podemos ayudarte a hacer tus propias voces.  - - . Pagaremos por los primeros cincuenta modelos subidos. -

+ Podemos ayudarte a hacer tus propias voces.  + . + Pagaremos por los primeros cincuenta modelos subidos. ); @@ -42,22 +38,18 @@ function LanguageNotice(props: Props) { title = "Bem vinda!"; weHaveModels = ( <> -

- Temos modelos que falam português. Dê uma olhada na categoria - "Português" ("Filtros de Categoria"). -

+ Temos modelos que falam português. Dê uma olhada na categoria + "Português" ("Filtros de Categoria"). ); joinUs = ( <> -

- Nós podemos ajudá-lo a fazer suas próprias vozes.  - - . Pagaremos os primeiros cinquenta modelos portugueses carregados. -

+ Nós podemos ajudá-lo a fazer suas próprias vozes.  + + . Pagaremos os primeiros cinquenta modelos portugueses carregados. ); } else if (props.displayLanguage === Language.Turkish) { @@ -65,23 +57,18 @@ function LanguageNotice(props: Props) { weHaveModels = <>; joinUs = ( <> -

- Kendi sesinizi çıkarmanıza yardımcı olabiliriz.  - - . Yüklenen ilk elli Türk modelinin ücretini biz ödeyeceğiz. -

+ Kendi sesinizi çıkarmanıza yardımcı olabiliriz.  + . + Yüklenen ilk elli Türk modelinin ücretini biz ödeyeceğiz. ); } return ( <> -
+
-

{title}

- {weHaveModels} + {title} {weHaveModels} {joinUs}
diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx index a1089db8c8..36086291ac 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/PleaseFollowNotice.tsx @@ -11,9 +11,9 @@ interface Props { function PleaseFollowNotice(props: Props) { return ( <> -
+
diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/TwitchTtsNotice.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/TwitchTtsNotice.tsx index 0f8bbc17f8..e03141c9b8 100644 --- a/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/TwitchTtsNotice.tsx +++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/notices/TwitchTtsNotice.tsx @@ -7,9 +7,9 @@ interface Props { function TwitchTtsNotice(props: Props) { return ( <> -
+