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

refact css tailwind

Browse Source
This commit is contained in:
Romulus21
2020-05-08 23:38:31 +02:00
parent 6e0db185bb
commit 765d99e48b
15 changed files with 194 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,7 +16,7 @@
<h1 class="text-gray-700">{{ memo.data.name }}</h1>
</div>
<div class="flex justify-end py-2">
<span class="inline-block bg-primary-400 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">{{ memo.data.last_updated }}</span>
<span class="inline-block bg-gray-400 text-white rounded-full px-3 py-1 text-sm font-semibold mr-2">{{ memo.data.last_updated }}</span>
</div>
</div>
</router-link>

8
resources/js/views/Memo/MemoShow.vue
View File

@@ -6,7 +6,7 @@
<div v-if="modal" class="modal">
<p class="m-2 text-center">Are you sure you want to delete this record ?</p>
<div class="flex justify-center mx-2 my-4">
<button class="btn-secondary mr-2" @click="modal = ! modal">Cancel</button>
<button class="btn mr-2" @click="modal = ! modal">Cancel</button>
<button class="btn-alert" @click="destroy"> Delete</button>
</div>
</div>
@@ -18,9 +18,9 @@
/>
<div class="absolute flex flex-col justify-between w-full top-0 bottom-0">
<div class="flex items-center justify-between p-4">
<router-link to="/memos/" class="btn-secondary">Back</router-link>
<router-link to="/memos/" class="btn">Back</router-link>
<div class="flex-middle">
<router-link :to="'/memos/' + memo.memo_id + '/edit'" class="btn-secondary mr-1" >Edit</router-link>
<router-link :to="'/memos/' + memo.memo_id + '/edit'" class="btn-primary mr-1" >Edit</router-link>
<a href="#" class="btn-alert" @click="modal = ! modal">Delete</a>
</div>
</div>
@@ -31,7 +31,7 @@
<div class="p-4">
<div class="memo-style rounded-t-sm p-4 pb-3 -mb-1 bg-white" v-html="memoMarkdown"></div>
<div class="bg-primary-400 rounded-b-sm px-2 py-1 flex justify-end">@last update {{ memo.last_updated }}</div>
<div class="bg-gray-400 text-white rounded-b-sm px-2 py-1 flex justify-end">@last update<span class="font-semibold ml-1">{{ memo.last_updated }}</span></div>
</div>
</div>
</div>