From 178cf4cd6bd455c59d7cc98d293d34cd03b08ffb Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Fri, 14 May 2021 14:23:53 +0200
Subject: video scales properly now

---
 styles/editor.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'styles')

diff --git a/styles/editor.css b/styles/editor.css
index 5b9c7b6..a25108d 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -8,6 +8,7 @@
 	display: grid;
 	grid-template-columns: 240px 1fr;
 	grid-template-rows: auto 1fr 210px;
+	overflow: hidden;
 }
 
 .appGrid header {
@@ -44,6 +45,28 @@
 	grid-template-rows: 1fr 80px;
 }
 
+.appGrid .viewer .player {
+	margin: 16px;
+	margin-bottom: 0px;
+}
+
+.appGrid .viewer .player .outer {
+	border: 8px solid var(--piss);
+	border-radius: 8px;
+}
+
+.appGrid .viewer .player {
+	--aspect-ratio-h: 16;
+	--aspect-ratio-v: 9;
+}
+
+.appGrid .viewer .player .outer {
+	aspect-ratio: 16 / 9;
+	max-width: 100%;
+	max-height: 100%;
+	width: 100%;
+}
+
 .appGrid .viewer .controls {
 	position: relative;
 }
-- 
cgit v1.2.3