[mirotalk] - improve UI

This commit is contained in:
Miroslav Pejic
2022-11-01 18:13:53 +01:00
parent 4095789fc7
commit e24122b903
6 changed files with 38 additions and 10 deletions
+16
View File
@@ -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;
+1 -1
View File
@@ -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(
+10 -4
View File
@@ -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%);
+9 -3
View File
@@ -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
+1 -1
View File
@@ -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(
+1 -1
View File
@@ -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(