Result: Video UI fixed
This commit is contained in:
parent
9ae4bf63b3
commit
673f576b06
2 changed files with 7 additions and 4 deletions
|
|
@ -310,7 +310,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
text-align: center;
|
||||
margin-bottom: -200px;*/
|
||||
|
||||
width: 75%;
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
margin: 0px auto 20px;
|
||||
}
|
||||
|
|
@ -730,6 +730,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
padding: 20px 0px;
|
||||
text-align: center;
|
||||
margin-bottom: -45%;*/
|
||||
margin: 20px auto 20px;
|
||||
}
|
||||
|
||||
.dog-record {
|
||||
|
|
@ -816,6 +817,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
padding: 20px 0px;
|
||||
text-align: center;
|
||||
margin-bottom: -45%;*/
|
||||
margin: 20px auto 20px;
|
||||
}
|
||||
|
||||
.dog-record {
|
||||
|
|
@ -893,6 +895,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
|
|||
padding: 20px 0px;
|
||||
text-align: center;
|
||||
margin-bottom: -45%;*/
|
||||
margin: 20px auto 20px;
|
||||
}
|
||||
|
||||
.dog-record {
|
||||
|
|
|
|||
|
|
@ -19,9 +19,9 @@
|
|||
|
||||
<div class="body-container">
|
||||
|
||||
<div class="pets-text-logo"></div>
|
||||
<!--<div class="pets-text-logo"></div>-->
|
||||
|
||||
<div class="title1">My Pet Love Song.</div>
|
||||
<!--<div class="title1">My Pet Love Song.</div>-->
|
||||
|
||||
<!--<img class="dog-record" src="assets/images/dog-record.png" alt="Dog Record" />-->
|
||||
|
||||
|
|
@ -154,7 +154,7 @@
|
|||
const recordContainer = document.querySelector('.record-container');
|
||||
if (recordContainer && data.video_url) {
|
||||
recordContainer.innerHTML = `
|
||||
<video id="video-player" controls playsinline style="width: 100%; max-width: 400px; border-radius: 50%;">
|
||||
<video id="video-player" controls playsinline style="width: 100%;">
|
||||
<source src="${escapeHtml(data.video_url)}" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue