forked from dbroqua/MusicTopus
Some fixes on css
This commit is contained in:
parent
e2f4ddeb5a
commit
c02d5e9ebd
12 changed files with 152 additions and 120 deletions
|
@ -1,18 +1,19 @@
|
|||
<section class="layout-maxed ajouter-un-album" id="app">
|
||||
<main class="layout-maxed ajouter-un-album" id="app">
|
||||
<h1>Ajouter un album</h1>
|
||||
<div class="grid sm:grid-cols-2">
|
||||
<div>
|
||||
<form @submit="search">
|
||||
<div class="field has-addons">
|
||||
<input type="text" name="q" v-model="q" placeholder="Nom de l'album ou code barre (ex : Hybrid Theory)" autofocus>
|
||||
<button class="button is-link" :disabled="loading">
|
||||
<span class="icon">
|
||||

|
||||
</span>
|
||||
<i class="icon-search" v-if="!loading"></i>
|
||||
<i class="icon-spin animate-spin" v-if="loading"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 list">
|
||||
<div class="item" v-if="!loading" v-for="item in items">
|
||||
<a @click="loadDetails(item.id)" class="title">{{ item.artists_sort }} {{ item.title }}</a>
|
||||
|
@ -149,7 +150,7 @@
|
|||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
Vue.createApp({
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue