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>

2
resources/js/views/DashBoard.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="mx-2 p-2">
<div class="box">
<div class="flex justify-between">
<div class="flex justify-between flex-wrap">
<h1 class="page-title">Administration</h1>
<a href="#" @click.prevent="logout" class="btn">
<svg-vue icon="logout" /> Déconnexion

2
resources/js/views/Memo/MemoIndex.vue
View File

@@ -10,7 +10,7 @@
<p>No memos yet. <router-link to="/memos/create">Get Started ></router-link></p>
</div>
<router-link v-for="memo in memos" :key="memo.data.memo_id" :to="'/memos/' + memo.data.memo_id" class="flex-initial sm:mx-auto md:w-1/2 md:mx-0 lg:w-1/3 xl:w-1/4 mb-4 no-underline">
<div class="card">
<div class="card sm:max-w-124">
<div class="-m-4">
<img :src="memo.data.attributes.thumbnail_cover_image.data.attributes.path" alt="" class="w-full rounded rounded-b-none">
</div>

4
resources/sass/components/_base.scss vendored
View File

@@ -67,6 +67,10 @@ textarea {
max-width: 12rem;
}
.min-w-24 {
min-width: 8rem;
}
.min-h-16 {
min-height: 4rem;
}