changed all v-layout and v-flex to v-row and v-col respectively, lot's of messed up grids now :(
This commit is contained in:
@@ -1,21 +1,21 @@
|
||||
<template>
|
||||
<v-container container--fluid>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
|
||||
<v-row row wrap>
|
||||
<v-col xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
|
||||
<v-img
|
||||
:src="require('../assets/logo.svg')"
|
||||
class="my-4"
|
||||
contain
|
||||
height="200"
|
||||
></v-img>
|
||||
</v-flex>
|
||||
<v-flex xs12 class="hidden-md-and-up text-center">
|
||||
</v-col>
|
||||
<v-col xs12 class="hidden-md-and-up text-center">
|
||||
<v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 offset-sm3 mt-4>
|
||||
</v-col>
|
||||
<v-col xs12 sm6 offset-sm3 mt-4>
|
||||
<form>
|
||||
<v-layout column>
|
||||
<v-flex>
|
||||
<v-row column>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
name="username"
|
||||
v-model="input.username"
|
||||
@@ -32,8 +32,8 @@
|
||||
v-focus
|
||||
v-on:keyup.enter="onEnterUserName"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex>
|
||||
</v-col>
|
||||
<v-col>
|
||||
<v-text-field
|
||||
name="password"
|
||||
v-model="input.password"
|
||||
@@ -45,16 +45,16 @@
|
||||
:error="errorBadCreds"
|
||||
v-on:keyup.enter="login"
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex class="text-center" mt-1>
|
||||
</v-col>
|
||||
<v-col class="text-center" mt-1>
|
||||
<v-btn color="primary" v-on:click="login()">
|
||||
<v-icon>fa-sign-in-alt</v-icon>
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</form>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user