minor: heavily simplify server and app content. unify styling (#4)
All checks were successful
ci/woodpecker/push/push Pipeline was successful
All checks were successful
ci/woodpecker/push/push Pipeline was successful
Co-authored-by: Madison Grubb <madison@elastiflow.com> Reviewed-on: #4
This commit was merged in pull request #4.
This commit is contained in:
@@ -1,17 +1,17 @@
|
||||
<template>
|
||||
<aside
|
||||
class="flex flex-col border border-kestrel-border bg-kestrel-surface"
|
||||
:class="inline ? 'rounded-lg shadow-glow' : 'absolute right-0 top-0 z-[1000] h-full w-full border-l shadow-glow md:w-[420px] [box-shadow:-8px_0_24px_-4px_rgba(34,201,201,0.12)]'"
|
||||
class="kestrel-panel-base"
|
||||
:class="inline ? 'kestrel-panel-inline' : 'kestrel-panel-overlay'"
|
||||
role="dialog"
|
||||
aria-label="Live feed"
|
||||
>
|
||||
<div class="flex items-center justify-between border-b border-kestrel-border px-4 py-3 [box-shadow:0_1px_0_0_rgba(34,201,201,0.08)]">
|
||||
<h2 class="font-medium tracking-wide text-kestrel-text [text-shadow:0_0_8px_rgba(34,201,201,0.25)]">
|
||||
<div class="kestrel-panel-header">
|
||||
<h2 class="font-medium tracking-wide text-kestrel-text text-shadow-glow-sm">
|
||||
{{ session?.label ?? 'Live' }}
|
||||
</h2>
|
||||
<button
|
||||
type="button"
|
||||
class="rounded p-1 text-kestrel-muted transition-colors hover:bg-kestrel-border hover:text-kestrel-accent"
|
||||
class="kestrel-close-btn"
|
||||
aria-label="Close panel"
|
||||
@click="$emit('close')"
|
||||
>
|
||||
@@ -22,7 +22,7 @@
|
||||
<p class="mb-3 text-xs text-kestrel-muted">
|
||||
Live camera feed (WebRTC)
|
||||
</p>
|
||||
<div class="relative aspect-video w-full overflow-hidden rounded border border-kestrel-border bg-black [box-shadow:inset_0_0_20px_-8px_rgba(34,201,201,0.1)]">
|
||||
<div class="kestrel-video-frame">
|
||||
<video
|
||||
ref="videoRef"
|
||||
autoplay
|
||||
|
||||
Reference in New Issue
Block a user