Skip to content
Permalink
Browse files

update welcome screen: background video, logo

  • Loading branch information...
tunght91 committed Dec 19, 2017
1 parent a0fd73f commit 231da9b2d6e52019812f291a06ff16c4965ba7c8
Showing with 29 additions and 0 deletions.
  1. +29 −0 app/App.vue
@@ -1,6 +1,10 @@
<template>
<div id="app">
<div v-if="state=='getStart'" class="page-layout getStartScreen">
<video src="http://static-p.iuqo.com/media/home/home/video/cloud2.mp4" autoplay="" loop="" muted=""></video>
<div class="logo">
<img src="https://tomocoin-ico.herokuapp.com/img/logo.svg">
</div>
<md-card class="md-primary" md-with-hover>
<md-ripple>
<md-card-header>
@@ -423,6 +427,31 @@ export default {
.getStartScreen {
padding-top: 100px;
width: 100vw;
height: 100vh;
position: relative;
background-color: rgba(68, 138, 255, 0.5);
}
.getStartScreen .logo {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.getStartScreen .logo image {
width: 60px;
}
.getStartScreen video {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.getStartScreen .md-primary {
width: 400px;

0 comments on commit 231da9b

Please sign in to comment.
You can’t perform that action at this time.