diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index b8e1d290c2..39e63e6d61 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -252,6 +252,11 @@ styles with important tags: padding: 0 12px; } + .btn-explore { + min-width: 172px; + border-radius: 50px; + } + .panel { position: relative; width: 100%; @@ -664,6 +669,7 @@ styles with important tags: border-radius: 5px; padding: 12px 16px; min-height: 63px; + height: 100%; // &:hover { // border-color: lighten(#39394c, 10%); diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/TtsModelListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/TtsModelListPage.tsx index 09d959f4cd..d9e7a744f1 100644 --- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/TtsModelListPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/TtsModelListPage.tsx @@ -480,7 +480,7 @@ function TtsModelListPage(props: Props) {
-

+

{t("tts.TtsModelListPage.formTitle")}

@@ -539,7 +539,10 @@ function TtsModelListPage(props: Props) { value={props.textBuffer} placeholder={t( "tts.TtsModelListPage.form.textInputHint", - { voice: props.maybeSelectedTtsModel?.title || "the voice" } + { + voice: + props.maybeSelectedTtsModel?.title || "the voice", + } )} >
diff --git a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx index 9c1b2cb812..34d03dc286 100644 --- a/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_list/search/SearchOmnibar.tsx @@ -72,7 +72,7 @@ export function SearchOmnibar(props: Props) { Analytics.ttsOpenExploreVoicesModal(); handleClickExplore(); }} - className="btn btn-primary rounded-50" + className="btn btn-primary btn-explore" type="button" >