mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
fix styling and add more logic
This commit is contained in:
parent
9d7f473e76
commit
33ae055598
@ -15,8 +15,8 @@ var app = new Vue({
|
||||
},
|
||||
|
||||
components: {
|
||||
'landing': require('./components/landing'),
|
||||
'lobby': require('./components/lobby')
|
||||
landing: require('./components/landing'),
|
||||
lobby: require('./components/lobby')
|
||||
}
|
||||
|
||||
});
|
||||
|
@ -2,6 +2,10 @@ module.exports = {
|
||||
|
||||
template: require('../views/landing.html'),
|
||||
|
||||
components: {
|
||||
login: require('./modals/login')
|
||||
},
|
||||
|
||||
ready: function() {
|
||||
setTimeout(function() {
|
||||
$('.container-form-landing').addClass('active')
|
||||
|
5
site/client/app/components/modals/login.js
Normal file
5
site/client/app/components/modals/login.js
Normal file
@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
|
||||
template: require('../../views/modals/login.html')
|
||||
|
||||
};
|
@ -1,4 +1,6 @@
|
||||
<section class="container-landing" id="lol">
|
||||
<login></login>
|
||||
|
||||
<section class="container-landing">
|
||||
<div class="wrap-landing">
|
||||
<img src="assets/img/logo-big.png" width="243" height="85" alt="Gwent" class="logo-big">
|
||||
|
||||
@ -22,7 +24,7 @@
|
||||
<span class="choose">or</span>
|
||||
|
||||
<a href="#/lobby" class="btn-second btn-guest">Play as guest</a>
|
||||
<a href="#" class="btn-none btn-login">Login</a>
|
||||
<a href="#" class="btn-none btn-login" v-on="click: modal = true">Login</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1 +1,9 @@
|
||||
LOBBY HIER BLA BLA
|
||||
<section class="container-inner">
|
||||
|
||||
<a href="#/lobby"><img src="assets/img/logo-medium.png" width="148" height="46" alt="Gwent" class="logo-medium"></a>
|
||||
|
||||
<main>
|
||||
|
||||
</main>
|
||||
|
||||
</section>
|
||||
|
17
site/client/app/views/modals/login.html
Normal file
17
site/client/app/views/modals/login.html
Normal file
@ -0,0 +1,17 @@
|
||||
<div class="modal" v-class="active: modal">
|
||||
<div class="modal-banner">
|
||||
<div class="wrap-modal">
|
||||
|
||||
<form class="form-session form-login">
|
||||
<input type="text" placeholder="Username" class="field-session">
|
||||
<input type="password" placeholder="Password" class="field-session">
|
||||
|
||||
<div class="wrap-btn-action btn-login-action">
|
||||
<input type="submit" value="Login" class="btn-action">
|
||||
<i class="icon-load"></i>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -13,11 +13,6 @@ body {
|
||||
font-family: 'Titillium Web', sans-serif;
|
||||
}
|
||||
|
||||
body.inner {
|
||||
background: url(../img/inner-bg.jpg) center top no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: rgba($main, .99);
|
||||
color: #fff;
|
||||
|
9
site/client/assets/sass/_inner.scss
Normal file
9
site/client/assets/sass/_inner.scss
Normal file
@ -0,0 +1,9 @@
|
||||
body.inner {
|
||||
background: url(../img/inner-bg.jpg) #162232 center top no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.container-inner {
|
||||
width: 100%;
|
||||
padding: 40px;
|
||||
}
|
@ -1,5 +1,5 @@
|
||||
body.landing {
|
||||
background: url(../img/landing-bg.jpg) center top no-repeat;
|
||||
background: url(../img/landing-bg.jpg) #162232 center top no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
@ -8,4 +8,5 @@
|
||||
|
||||
'modal',
|
||||
'form',
|
||||
'landing';
|
||||
'landing',
|
||||
'inner';
|
Binary file not shown.
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 92 KiB |
BIN
site/public/assets/img/logo-medium.png
Normal file
BIN
site/public/assets/img/logo-medium.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 55 KiB |
Loading…
Reference in New Issue
Block a user