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>