fixes to panel titles

This commit is contained in:
BFlat committed 2022-05-10 02:15:57 +01:00
1 parent 524400080d
commit e57f4902bd
5 files changed
+29 -38

No files matched your search

+5 -7
View File
@@ -114,7 +114,7 @@
</div>
</nav>
<div class="container mb-5">
<div class="container mb-4">
<div class="row gx-3 flex-lg-row-reverse align-items-center">
<div class="col-lg-6">
<div class="d-flex justify-content-center">
@@ -146,12 +146,10 @@
<div class="container-panel pt-4 pb-5">
<div class="panel p-3 p-lg-4 load-hidden mt-5 mt-lg-0">
<div
class="panel-title d-flex align-items-center gap-3 w-100 justify-content-center justify-content-lg-start"
>
<i class="fa-solid fa-microphone fs-2 mb-2"></i>
<h1>Clone Your Voice</h1>
</div>
<h1 class="panel-title">
<i class="fa-solid fa-microphone fs-2 mb-2 me-3"></i>Clone Your
Voice
</h1>
<div class="py-6">
<div class="d-flex flex-column gap-4">
<p>
+7 -9
View File
@@ -142,7 +142,7 @@
</div>
<div
class="ani3 load-hidden d-grid gap-3 d-lg-flex justify-content-lg-start"
class="ani3 load-hidden d-grid gap-3 d-lg-flex justify-content-lg-start mb-4"
>
<button type="button" class="btn btn-primary btn-lg">
Sign Up
@@ -157,13 +157,9 @@
<div class="container-panel pt-4">
<div class="panel p-3 p-lg-4 load-hidden mt-5 mt-lg-0">
<div
class="panel-title d-flex align-items-center w-100 justify-content-center justify-content-lg-start"
>
<h1>
<i class="fa-solid fa-volume-high fs-2 mb-2 me-3"></i>Create TTS
</h1>
</div>
<h1 class="panel-title">
<i class="fa-solid fa-volume-high fs-2 mb-2 me-3"></i>Create TTS
</h1>
<div class="py-6">
<div class="d-flex flex-column gap-4">
<div>
@@ -229,7 +225,9 @@
</div>
<div class="container mt-5 mb-4">
<h2><i class="fa-solid fa-list me-3"></i>Session TTS Results</h2>
<h2 class="text-center text-lg-start">
<i class="fa-solid fa-list me-3"></i>Session TTS Results
</h2>
<div class="alert alert-secondary my-4" role="alert">Pending...</div>
<div class="alert alert-success my-4" role="alert">
Running inference...
+1 -5
View File
@@ -116,11 +116,7 @@
<div class="container-panel pb-5 pt-lg-5 my-lg-5 login-panel">
<div class="panel p-3 p-lg-4 load-hidden mt-5 mt-lg-0">
<div
class="panel-title d-flex align-items-center w-100 justify-content-center justify-content-md-start"
>
<h1>Login</h1>
</div>
<h1 class="panel-title">Login</h1>
<div class="py-6">
<div class="d-flex flex-column gap-4">
<div>
+1 -5
View File
@@ -116,11 +116,7 @@
<div class="container-panel pb-5 pt-lg-5 my-lg-5 login-panel">
<div class="panel p-3 p-lg-4 load-hidden mt-5 mt-lg-0">
<div
class="panel-title d-flex align-items-center w-100 justify-content-center justify-content-md-start"
>
<h1>Sign Up</h1>
</div>
<h1 class="panel-title">Sign Up</h1>
<div class="py-6">
<div class="d-flex flex-column gap-4">
<div>
+15 -12
View File
@@ -18,6 +18,10 @@ html.sr .load-hidden {
visibility: hidden;
}
select {
cursor: pointer;
}
button:focus,
button:active,
button:hover,
@@ -228,9 +232,9 @@ p {
.panel-title {
position: static;
top: 0;
text-align: center;
text-shadow: 0px 3px 26px #00000060;
margin-top: -34px;
margin-top: -35px;
}
.sub-title {
@@ -371,6 +375,15 @@ p {
}
@media (min-width: 992px) {
.panel-title {
position: absolute;
text-align: left;
top: 0;
margin-top: -25px;
}
.p-lg-4 {
padding: 2rem !important;
}
}
@media (min-width: 768px) {
@@ -384,17 +397,7 @@ p {
border-radius: 8px;
}
.p-lg-4 {
padding: 2rem !important;
}
.panel {
border-radius: 8px;
}
.panel-title {
position: absolute;
top: 0;
margin-top: -25px;
}
}