Little style tweaks

This commit is contained in:
An Phan 2016-01-16 13:26:31 +08:00
parent c009327921
commit c288968173

View file

@ -1,6 +1,10 @@
<template>
<section id="playlists">
<h1>Playlists <i class="fa fa-plus-circle control" @click="this.creating = !this.creating"></i></h1>
<h1>Playlists
<i class="fa fa-plus-circle control create"
:class="{ creating : this.creating }"
@click="creating = !creating"></i>
</h1>
<form v-show="creating" @submit.prevent="store" class="create">
<input type="text"
@ -62,6 +66,16 @@
@import "resources/assets/sass/partials/_mixins.scss";
#playlists {
.control.create {
margin-top: 2px;
font-size: 16px;
transition: .3s;
&.creating {
transform: rotate(135deg);
}
}
form.create {
padding: 8px 16px;