Commit 98e2aaa8 authored by Reko Meriö's avatar Reko Meriö

Hienosäätöä

parent 23c7308f
This diff is collapsed.
<template>
<div id="cloth-picker">
<div class="clothes-child">
<v-btn :disabled="!cloth[index - 1]" class="previousButton" fab small color="light-green accent-4" @click="index--">
<v-container grid-list-md text-xs-center class="clothes-child">
<v-layout>
<v-flex xs2>
<v-btn :disabled="!cloth[index - 1]" fab small color="light-green accent-4" @click="index--">
<v-icon dark>keyboard_arrow_left</v-icon>
</v-btn>
<div v-if="cloth[index]" class="cloth-info">
</v-flex>
<v-flex xs8 v-if="cloth[index]" >
{{ label }}:
{{ cloth[index] }}
</div>
<div v-else class="cloth-info">
</v-flex>
<v-flex v-else xs8>
{{ label }}:
Valitse vapaasti
</div>
<v-btn :disabled="!cloth[index + 1]" class="nextButton" fab small color="light-green accent-4" @click="index++">
</v-flex>
<v-flex xs2>
<v-btn :disabled="!cloth[index + 1]" fab small color="light-green accent-4" @click="index++">
<v-icon dark>keyboard_arrow_right</v-icon>
</v-btn>
</div>
</div>
</v-flex>
</v-layout>
</v-container>
......@@ -41,16 +48,16 @@
<style>
.clothes-child{
font-size:calc(6px + 0.8vw);
font-size:calc(10px + 0.8vw);
text-decoration: none;
float: left;
width: 100%;
text-align:center;
}
.cloth-info{
float:left;
text-align:center;
margin-left: 30%;
float: left;
width: calc(50% + 50px);
margin-top: 15px;
}
.previousButton{
float: left;
......
......@@ -77,8 +77,8 @@
#cloth-picker{
width: 100%;
font-size: 30px;
background-color: #f1f1f1;
padding: 30px;
background-color: #ffffff;
padding: 10px;
border-radius: 5px;
text-align: center;
margin:auto;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment