Merge pull request #168 from storytold/bflat-fy-layout-fix

layout fix
This commit is contained in:
Brandon Thomas authored and GitHub committed 2023-01-31 14:40:57 -05:00
commit f372f7c39b
3 files changed
+12 -3

No files matched your search

@@ -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%);
@@ -480,7 +480,7 @@ function TtsModelListPage(props: Props) {
<motion.div className="container-panel pt-4 pb-5 mb-4" variants={panel}>
<div className="panel p-3 p-lg-4 mt-5 mt-lg-0">
<i className="fas fa-volume-high"></i>
<h1 className="panel-title fw-bold">
<h1 className="panel-title fw-bold px-3 px-lg-0">
<FontAwesomeIcon icon={faVolumeUp} className="me-3" />
{t("tts.TtsModelListPage.formTitle")}
</h1>
@@ -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",
}
)}
></textarea>
<div className="d-flex gap-3">
@@ -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"
>
<FontAwesomeIcon