add bg-primary classes
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="m-2">
|
||||
<div class="m-2 p-2 bg-white">
|
||||
<h1>testeur CSS</h1>
|
||||
<h2>testeur CSS</h2>
|
||||
<h3>testeur CSS</h3>
|
||||
|
||||
@@ -13,10 +13,10 @@
|
||||
<div class="m-2 max-w-lg rounded overflow-hidden shadow-lg bg-white">
|
||||
<img :src="memo.data.attributes.cover_image.data.attributes.path" alt="" class="w-full">
|
||||
<div class="px-6 py-4">
|
||||
<h1 class="text-gray-700 text-">{{ memo.data.name }}</h1>
|
||||
<h1 class="text-gray-700">{{ memo.data.name }}</h1>
|
||||
</div>
|
||||
<div class="flex justify-end py-2">
|
||||
<span class="inline-block bg-orange-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-primary-400 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2">{{ memo.data.last_updated }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
<div class="p-4">
|
||||
|
||||
<div class="memo-style p-4 pb-3 -mb-1 bg-white" v-html="memoMarkdown"></div>
|
||||
<div class="bg-orange-400 px-2 py-1 flex justify-end">@last update {{ memo.last_updated }}</div>
|
||||
<div class="bg-primary-400 px-2 py-1 flex justify-end">@last update {{ memo.last_updated }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
<div class="flex flex-wrap -m-2 mt-2">
|
||||
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4">
|
||||
<div class="bg-orange-300 rounded text-black m-2 p-2 flex flex-col">
|
||||
<div class="bg-primary-300 rounded text-black m-2 p-2 flex flex-col">
|
||||
<h3 class="text-2xl font-bold text-center">{{ meteo.city.name }}</h3>
|
||||
<div class="flex">
|
||||
<div class="flex flex-col justify-end">
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<input type="text"
|
||||
v-model="toDo.data.attributes.data.name"
|
||||
@keypress.enter="updateToDo"
|
||||
class="flex-1 rounded-sm border border-orange-600 pl-1">
|
||||
class="flex-1 rounded-sm border border-primary-600 pl-1">
|
||||
<span @click="edit = !edit">
|
||||
<svg-vue icon="close" class="inline w-4 fill-current cursor-pointer mx-2" />
|
||||
</span>
|
||||
|
||||
@@ -23,10 +23,10 @@
|
||||
:to="'/to-do-lists/' + toDoList.data.to_do_list_id"
|
||||
:to-do-list="toDoList"
|
||||
class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" >
|
||||
<div class="bg-orange-300 rounded text-black m-2 p-2">
|
||||
<div class="bg-primary-300 rounded text-black m-2 p-2">
|
||||
<div class="flex justify-between">
|
||||
<span class="font-bold">{{ toDoList.data.attributes.data.name }}</span>
|
||||
<span class="text-orange-900">
|
||||
<span class="text-primary-900">
|
||||
{{ toDoList.data.attributes.data.to_dos.to_dos_count_check }} / {{ toDoList.data.attributes.data.to_dos.to_dos_count }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<router-link to="/to-do-lists/" class="btn-secondary">Back</router-link>
|
||||
<a href="#" class="btn-alert" @click="modal = ! modal">Delete</a>
|
||||
</div>
|
||||
<div v-if="!loading" class="bg-orange-400 rounded p-1">
|
||||
<div v-if="!loading" class="bg-primary-400 rounded p-1">
|
||||
<h1 class="mb-2 ml-2 todo" >
|
||||
<span v-if="!listNameEdit" class="text-2xl font-bold flex items-center">{{ toDoList.data.attributes.data.name }}
|
||||
<span @click="listNameEdit = !listNameEdit">
|
||||
|
||||
Reference in New Issue
Block a user