Some fixes on css

This commit is contained in:
Damien Broqua 2022-02-23 08:41:30 +01:00
parent e2f4ddeb5a
commit c02d5e9ebd
12 changed files with 152 additions and 120 deletions

View file

@ -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">
&#xe802;
</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({