silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 106 Wiki Activity

Add dark full layout

This commit is contained in:
philipp lang 2021-04-11 16:33:33 +02:00
parent 6cf9bdd66d
commit b350f51444
4 changed files with 10 additions and 6 deletions
resources/js
layouts
App.vueFull.vue
views
Login.vue
member
Index.vue

2
resources/js/layouts/App.vue
View File

@ -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">

4
resources/js/layouts/Full.vue
View File

@ -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>

4
resources/js/views/Login.vue
View File

@ -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">

6
resources/js/views/member/Index.vue
View File

@ -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>