From f96bebae809fe33323ad49b67f439c86f81f719c Mon Sep 17 00:00:00 2001 From: Patrick Sun Date: Sun, 8 Nov 2020 04:06:37 +1100 Subject: [PATCH] login video works --- src/app/app.component.html | 11 ++++++- src/app/app.component.scss | 47 ++++++++++++---------------- src/app/auth/auth.component.scss | 2 +- src/app/auth/dist/auth.component.css | 2 +- src/index.html | 47 ---------------------------- 5 files changed, 32 insertions(+), 77 deletions(-) diff --git a/src/app/app.component.html b/src/app/app.component.html index 5b31cb9..cfa462f 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,4 +1,4 @@ - + @@ -26,3 +26,12 @@ + +
+ +
+ +
+ +
\ No newline at end of file diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 63bd798..f83c1d5 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -1,30 +1,23 @@ - -.target { - border-radius: 5px; - height: 100px; - width: 400px; - background-color: yellowgreen; - display: flex; - justify-content: center; - align-items: center; - box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08); -} -.placeholder { - font-size: 20px; - color: #656565; - margin: 0; -} - -.topMenuBar { - left: 0px; - top: 0px; - // position: absolute; - margin : 0px; - width : 100%; - display: block; - background-color: rgb(229, 230, 218); - box-shadow : 0px 0px 2px 0px #d6d2d2 -} +.vimeo-wrapper { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + pointer-events: none; + overflow: hidden; + } + .vimeo-wrapper iframe { + width: 100vw; + height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ + min-height: 100vh; + min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } .appbar, .k-appbar-sticky{ diff --git a/src/app/auth/auth.component.scss b/src/app/auth/auth.component.scss index c7b3106..cd2ed4f 100644 --- a/src/app/auth/auth.component.scss +++ b/src/app/auth/auth.component.scss @@ -4,6 +4,7 @@ div.parent { display: table; width: 100%; height: 100vh; + opacity: 0.95; background: url('../../assets/img/body_bg.jpg') no-repeat center center fixed; } @@ -20,5 +21,4 @@ div.parent { padding-bottom: 20px; box-shadow: 0 0 6px black; border-radius: 5px; - opacity: 0.8; } \ No newline at end of file diff --git a/src/app/auth/dist/auth.component.css b/src/app/auth/dist/auth.component.css index ec16487..6bd83cb 100644 --- a/src/app/auth/dist/auth.component.css +++ b/src/app/auth/dist/auth.component.css @@ -6,6 +6,7 @@ div.parent { display: table; width: 100%; height: 100vh; + opacity: 0.95; background: url("../../assets/img/body_bg.jpg") no-repeat center center fixed; } @@ -22,5 +23,4 @@ div.parent { padding-bottom: 20px; box-shadow: 0 0 6px black; border-radius: 5px; - opacity: 0.8; } \ No newline at end of file diff --git a/src/index.html b/src/index.html index 4f38810..980e616 100644 --- a/src/index.html +++ b/src/index.html @@ -12,53 +12,6 @@ - - - - \ No newline at end of file