From b350f5144402e601fa54fdf7d24ef647fea73195 Mon Sep 17 00:00:00 2001 From: philipp lang <philipp@aweos.de> Date: Sun, 11 Apr 2021 16:33:33 +0200 Subject: [PATCH] Add dark full layout --- resources/js/layouts/App.vue | 2 +- resources/js/layouts/Full.vue | 4 ++-- resources/js/views/Login.vue | 4 ++-- resources/js/views/member/Index.vue | 6 +++++- 4 files changed, 10 insertions(+), 6 deletions(-) diff --git a/resources/js/layouts/App.vue b/resources/js/layouts/App.vue index 6fb13a46..b4696b48 100644 --- a/resources/js/layouts/App.vue +++ b/resources/js/layouts/App.vue @@ -1,5 +1,5 @@ <template> - <div class="flex font-sans flex-grow"> + <div id="app" class="flex font-sans flex-grow"> <!-- ******************************** Sidebar ******************************** --> <div class="fixed bg-gray-800 p-6 w-56 left-0 top-0 h-screen border-r border-gray-600 border-solid"> diff --git a/resources/js/layouts/Full.vue b/resources/js/layouts/Full.vue index 31228cc5..5087370e 100644 --- a/resources/js/layouts/Full.vue +++ b/resources/js/layouts/Full.vue @@ -1,6 +1,6 @@ <template> - <div id="app" class="bg-gray-200 font-sans flex flex-col flex-grow items-center justify-center"> - <div class="w-96 bg-white rounded-xl overflow-hidden shadow-lg"> + <div id="app" class="bg-gray-900 font-sans flex flex-col flex-grow items-center justify-center"> + <div class="w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg"> <slot></slot> </div> </div> diff --git a/resources/js/views/Login.vue b/resources/js/views/Login.vue index bc9f9d1f..254481b6 100644 --- a/resources/js/views/Login.vue +++ b/resources/js/views/Login.vue @@ -1,7 +1,7 @@ <template> <form @submit.prevent="submit"> - <div class="h-24 px-10 bg-primary flex justify-between items-center w-full"> - <span class="text-primary-200 text-lg">Login über NaMi</span> + <div class="h-24 px-10 bg-primary-800 flex justify-between items-center w-full"> + <span class="text-primary-500 text-xl">Login über NaMi</span> <img src="/img/dpsg.gif" class="w-24"> </div> <div class="p-10 grid gap-5"> diff --git a/resources/js/views/member/Index.vue b/resources/js/views/member/Index.vue index 4a3c271e..67816901 100644 --- a/resources/js/views/member/Index.vue +++ b/resources/js/views/member/Index.vue @@ -7,7 +7,8 @@ <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Straße</div> <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">PLZ</div> <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Ort</div> - <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Z</div> + <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Mittendrin</div> + <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Nami</div> <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Geburtstag</div> <div class="px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b">Eintritt</div> </header> @@ -21,6 +22,9 @@ <div class="py-1 px-6"> <v-bool v-model="member.send_newspaper"></v-bool> </div> + <div class="py-1 px-6"> + <v-bool v-model="member.nami_id !== null"></v-bool> + </div> <div class="py-1 px-6" v-text="`${member.birthday}`"></div> <div class="py-1 px-6" v-text="`${member.joined_at}`"></div> </inertia-link>