[mirotalksfu] - improvements
هذا الالتزام موجود في:
Miroslav Pejic
@@ -30,7 +30,6 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
video {
|
video {
|
||||||
margin: 10px 0;
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: var(--border);
|
border: var(--border);
|
||||||
box-shadow: var(--box-shadow);
|
box-shadow: var(--box-shadow);
|
||||||
@@ -52,6 +51,7 @@ video {
|
|||||||
|
|
||||||
#copyButton {
|
#copyButton {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
padding: 15px;
|
||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -111,22 +111,19 @@ button:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
|
z-index: 1000;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 10px;
|
display: flex;
|
||||||
|
padding: 10px;
|
||||||
|
width: 100%;
|
||||||
|
top: 0px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
background-color: indianred;
|
|
||||||
color: white;
|
|
||||||
padding: 15px;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-shadow: var(--box-shadow);
|
|
||||||
z-index: 1000;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: center;
|
||||||
min-width: 300px;
|
color: white;
|
||||||
max-width: 600px;
|
background-color: var(--body-bg);
|
||||||
width: 80%;
|
box-shadow: var(--box-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup.success {
|
.popup.success {
|
||||||
@@ -157,13 +154,21 @@ button:hover {
|
|||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-left: 20px;
|
}
|
||||||
|
|
||||||
|
#closePopup:hover {
|
||||||
|
color: var(--select-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
color: grey;
|
color: grey;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
background: var(--body-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media Queries for Responsiveness */
|
/* Media Queries for Responsiveness */
|
||||||
|
|||||||
@@ -60,9 +60,9 @@
|
|||||||
<script defer src="../js/RtmpStreamer.js"></script>
|
<script defer src="../js/RtmpStreamer.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="popup" class="popup hidden">
|
<div id="popup" class="popup fadein hidden">
|
||||||
<span id="popupMessage"></span>
|
<span id="popupMessage"></span>
|
||||||
<button id="closePopup">X</button>
|
<button id="closePopup"><i class="fas fa-close"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="container fadein">
|
<div class="container fadein">
|
||||||
<h1>MiroTalk RTMP Streamer</h1>
|
<h1>MiroTalk RTMP Streamer</h1>
|
||||||
|
|||||||
المرجع في مشكلة جديدة
حظر مستخدم