1
0

Custom player
Some checks failed
Test / test (push) Has been cancelled

This commit is contained in:
Aiden
2026-06-11 14:20:55 +10:00
parent 229c25947a
commit 69511e4549
5 changed files with 282 additions and 1 deletions

View File

@@ -204,6 +204,88 @@ a {
font-weight: 650;
}
.demo-local-panel {
display: grid;
gap: 16px;
width: min(100%, 760px);
padding: 18px;
border: 1px solid #d5d5cf;
border-radius: 8px;
background: #fff;
}
.demo-field {
display: grid;
gap: 6px;
font-weight: 650;
}
.demo-field input,
.demo-field select {
width: 100%;
min-height: 42px;
border: 1px solid #c7c7c0;
border-radius: 6px;
background: #fff;
color: inherit;
font: inherit;
}
.demo-field input {
padding: 8px;
}
.demo-field select {
padding: 0 10px;
}
.demo-local-name {
margin: 0;
color: #606058;
font-size: 0.95rem;
}
.demo-local-preview {
display: grid;
place-items: center;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 6px;
background: #111;
color: #d8d8d8;
overflow: hidden;
}
.demo-local-preview img,
.demo-local-preview video {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.demo-local-preview p {
margin: 0;
padding: 16px;
text-align: center;
}
.demo-local-launch {
min-height: 44px;
border: 0;
border-radius: 6px;
background: #151515;
color: #fff;
font: inherit;
font-weight: 750;
cursor: pointer;
}
.demo-local-launch:disabled {
background: #9a9a92;
cursor: not-allowed;
}
@media (max-width: 640px) {
.demo-page {
padding: 20px;