[mirotalk] - improve UI
This commit is contained in:
@@ -3362,6 +3362,22 @@ img.has-shadow {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.br-6 {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.br-12 {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.br-18 {
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.br-24 {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.ta-l-mobile {
|
||||
text-align: left;
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
</p>
|
||||
<div class="reveal-from-bottom" data-reveal-delay="450">
|
||||
<button
|
||||
class="button button-primary button-wide-mobile pulse"
|
||||
class="button button-primary button-wide-mobile br-6 pulse"
|
||||
style="
|
||||
border: 0;
|
||||
background: linear-gradient(
|
||||
|
||||
@@ -93,7 +93,7 @@
|
||||
|
||||
<section class="cta section center-content-mobile reveal-from-bottom">
|
||||
<div class="container">
|
||||
<div class="cta-inner section-inner cta-split">
|
||||
<div class="cta-inner section-inner cta-split br-12">
|
||||
<div class="cta-slogan">
|
||||
<h3 class="m-0">
|
||||
Pick a room name.<br />
|
||||
@@ -104,10 +104,16 @@
|
||||
<div class="mb-24">
|
||||
<label class="form-label screen-reader" for="roomName">mirotalk</label>
|
||||
<div class="form-group-desktop">
|
||||
<input class="form-input" type="text" id="roomName" value="mirotalk" />
|
||||
<input
|
||||
class="form-input"
|
||||
type="text"
|
||||
id="roomName"
|
||||
value="mirotalk"
|
||||
style="border-radius: 6px"
|
||||
/>
|
||||
<button
|
||||
id="joinRoomButton"
|
||||
class="button button-primary pulse"
|
||||
class="button button-primary br-6 pulse"
|
||||
onclick="joinRoom()"
|
||||
>
|
||||
Join Room
|
||||
@@ -436,7 +442,7 @@
|
||||
</div>
|
||||
<div class="center-content">
|
||||
<a
|
||||
class="button button-primary button-wide-mobile pulse"
|
||||
class="button button-primary button-wide-mobile br-6 pulse"
|
||||
style="
|
||||
border: 0;
|
||||
background: linear-gradient(100deg, #376df9 0, #ff5fa0 75%, #ffc55a 100%);
|
||||
|
||||
@@ -93,7 +93,7 @@
|
||||
|
||||
<section class="cta section center-content-mobile reveal-from-bottom">
|
||||
<div class="container">
|
||||
<div class="cta-inner section-inner cta-split">
|
||||
<div class="cta-inner section-inner cta-split br-12">
|
||||
<div class="cta-slogan">
|
||||
<h3 class="m-0">
|
||||
Pick a room name.<br />
|
||||
@@ -104,10 +104,16 @@
|
||||
<div class="mb-24">
|
||||
<label class="form-label screen-reader" for="roomName">mirotalk</label>
|
||||
<div class="form-group-desktop">
|
||||
<input class="form-input" type="text" id="roomName" value="mirotalk" />
|
||||
<input
|
||||
class="form-input"
|
||||
type="text"
|
||||
id="roomName"
|
||||
value="mirotalk"
|
||||
style="border-radius: 6px"
|
||||
/>
|
||||
<button
|
||||
id="joinRoomButton"
|
||||
class="button button-primary pulse"
|
||||
class="button button-primary br-6 pulse"
|
||||
onclick="joinRoom()"
|
||||
>
|
||||
Join Room
|
||||
|
||||
@@ -84,7 +84,7 @@
|
||||
</script>
|
||||
<div class="reveal-from-bottom" data-reveal-delay="450">
|
||||
<button
|
||||
class="button button-primary button-wide-mobile pulse"
|
||||
class="button button-primary button-wide-mobile br-6 pulse"
|
||||
style="
|
||||
border: 0;
|
||||
background: linear-gradient(
|
||||
|
||||
@@ -125,7 +125,7 @@
|
||||
</p>
|
||||
<div class="reveal-from-bottom" data-reveal-delay="450">
|
||||
<a
|
||||
class="button button-primary button-wide-mobile pulse"
|
||||
class="button button-primary button-wide-mobile br-6 pulse"
|
||||
style="
|
||||
border: 0;
|
||||
background: linear-gradient(
|
||||
|
||||
Reference in New Issue
Block a user