Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css bookmark

Browse Source
This commit is contained in:
Romulus21
2020-08-02 16:26:38 +02:00
parent 81b600339f
commit 3d5f18c477
5 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/views/Bookmark/Bookmark.vue
View File

@@ -2,12 +2,13 @@
<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">
target="_blank"
class="flex-1 no-underline">
<img v-if="bookmark.data.attributes.data.favicon"
class="w-5 h-5 mr-2 inline-block"
:src="bookmark.data.attributes.data.favicon"
alt="">
<span class="font-bold">
<span class="font-bold border border-transparent">
{{ bookmark.data.attributes.data.name }}
</span>
</a>
@@ -15,20 +16,20 @@
<svg-vue icon="edit" class="inline w-4 fill-current cursor-pointer mx-2" />
</span>
</div>
<div v-else class="flex items-center">
<div v-else class="flex items-center flex-no-wrap">
<img v-if="bookmark.data.attributes.data.favicon"
class="w-5 h-5 mr-2 inline-block"
class="w-5 h-5 mr-2 inline-block flex-none"
:src="bookmark.data.attributes.data.favicon"
alt="">
<input
type="text"
v-model="name"
@keypress.enter="update"
class="flex-1 w-10 font-semibold pl-1">
<div @click="edit = !edit">
class="flex-auto min-w-24 font-semibold p-0 pl-1">
<div @click="edit = !edit" class="flex-none">
<svg-vue icon="edit" class="w-4 fill-current cursor-pointer mx-2" />
</div>
<div @click="destroy">
<div @click="destroy" class="flex-none">
<svg-vue icon="close" class="w-4 fill-current text-red-dark cursor-pointer mx-2" />
</div>
</div>