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:
2019-10-31 19:57:06 +00:00
parent b3be49ddaf
commit 482f228407
17 changed files with 117 additions and 121 deletions

View File

@@ -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>