APervov/ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

BUR-58 сдвинул плашку информации по камере ниже, чтобы она не перекрывала кнопки плеера

Browse Source
This commit is contained in:
Первов Артем
2026-07-05 07:03:41 +03:00
parent 6dac1ed2bd
commit 4d31b6d3be
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/detail/video.css
View File

@@ -21,10 +21,11 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
min-width: 0; min-width: 0;
aspect-ratio: 16 / 9;
border: 1px solid rgba(88, 103, 121, 0.42); border: 1px solid rgba(88, 103, 121, 0.42);
border-radius: 8px; border-radius: 8px;
background: #000; background:
linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 28%),
#000;
box-shadow: box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05),
0 10px 22px rgba(0, 0, 0, 0.32); 0 10px 22px rgba(0, 0, 0, 0.32);
@@ -32,25 +33,21 @@
.camera-view__video { .camera-view__video {
width: 100%; width: 100%;
height: 100%; aspect-ratio: 16 / 9;
display: block; display: block;
background: #000; background: #000;
object-fit: contain; object-fit: contain;
} }
.camera-view__caption { .camera-view__caption {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
padding: 8px 10px; min-height: 38px;
border: 1px solid rgba(148, 163, 184, 0.16); padding: 0 10px;
border-radius: 6px; border-top: 1px solid rgba(148, 163, 184, 0.16);
background: rgba(2, 6, 23, 0.78); background: rgba(2, 6, 23, 0.88);
color: #cbd5e1; color: #cbd5e1;
} }