интерфейс камеры откорректирован
This commit is contained in:
@@ -21,6 +21,7 @@ h1 {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 900px) {
|
@media (min-width: 900px) {
|
||||||
@@ -39,6 +40,10 @@ h1 {
|
|||||||
padding: 14px;
|
padding: 14px;
|
||||||
background: rgba(0,255,136,0.05);
|
background: rgba(0,255,136,0.05);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card h3 {
|
.card h3 {
|
||||||
@@ -236,7 +241,7 @@ h1 {
|
|||||||
|
|
||||||
/* LEFT */
|
/* LEFT */
|
||||||
.left {
|
.left {
|
||||||
flex: 1;
|
flex: 1 1 auto;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
<div class="panel left" id="leftPanel">
|
<div class="panel left" id="leftPanel">
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
|
|
||||||
<div class="card">
|
<div class="card wide">
|
||||||
<h3>СОСТОЯНИЕ</h3>
|
<h3>СОСТОЯНИЕ</h3>
|
||||||
<div id="status">...</div>
|
<div id="status">...</div>
|
||||||
<div id="meta"></div>
|
<div id="meta"></div>
|
||||||
@@ -84,8 +84,7 @@
|
|||||||
<div class="panel right" id="rightPanel">
|
<div class="panel right" id="rightPanel">
|
||||||
<div class="cam-modal">
|
<div class="cam-modal">
|
||||||
<div class="cam-header">
|
<div class="cam-header">
|
||||||
<span>Camera</span>
|
<span>Видео с камеры</span>
|
||||||
<button id="camClose">✖</button>
|
|
||||||
</div>
|
</div>
|
||||||
<img id="camImage" src="" alt="Camera" class="cam-frame">
|
<img id="camImage" src="" alt="Camera" class="cam-frame">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -70,7 +70,6 @@ export function initCamera() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
btn?.addEventListener("click", toggle);
|
btn?.addEventListener("click", toggle);
|
||||||
camClose?.addEventListener("click", close);
|
|
||||||
|
|
||||||
// автозапуск
|
// автозапуск
|
||||||
open();
|
open();
|
||||||
|
|||||||
Reference in New Issue
Block a user