fix CSS & add description

This commit is contained in:
2020-08-02 11:22:19 +02:00
parent 8d49c38115
commit 81b600339f
6 changed files with 12 additions and 7 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="bg-gray-300 rounded text-black m-2 p-2">
<div class="bg-white rounded text-black m-2 p-2">
<div v-if="!edit" class="edit flex flex-wrap items-center">
<a :href="bookmark.data.attributes.data.url"
class="flex-1">

View File

@@ -6,8 +6,8 @@
<InputField name="name" label="Title" placeholder="Your Title" @update:field="name = $event" :errors="errors" classes="border" />
<InputField name="name" label="Url" placeholder="Website Url" required @update:field="url = $event" :errors="errors" classes="border" />
<div class="flex justify-center mx-2 my-4">
<button class="btn mr-2" @click="modal = ! modal">Cancel</button>
<button class="btn-primary" @click="create">Create</button>
<button class="btn-primary mr-2" @click="create">Create</button>
<button class="btn" @click="modal = ! modal">Cancel</button>
</div>
</div>
<div class="flex justify-between mb-1">
@@ -16,7 +16,7 @@
<a href="#" class="btn-primary" @click="modal = ! modal">Add Bookmark</a>
</div>
<Loader v-if="loading" />
<div v-else class="flex flex-wrap -m-2 mt-2">
<div v-else class="flex flex-wrap -mx-2 mt-2">
<div v-if="bookmarks.length < 1" class="font-bold p-2">No Bookmark Yet</div>
<div v-else
v-for="(bookmark, index) in bookmarks"