mirror of
https://github.com/koel/koel
synced 2024-11-10 06:34:14 +00:00
Little style tweaks
This commit is contained in:
parent
c009327921
commit
c288968173
1 changed files with 15 additions and 1 deletions
|
@ -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;
|
||||
|
||||
|
|
Loading…
Reference in a new issue