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

Add popup group
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2023-12-22 00:49:19 +01:00
parent b017d12e2e
commit 4cc47e64b2
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/ui/Box.vue
View File

@ -1,10 +1,12 @@
<template>
<section class="p-3 rounded-lg flex flex-col" :class="{'bg-gray-800': second === false, 'bg-gray-700': second === true}">
<section class="p-3 rounded-lg flex flex-col"
:class="{ 'bg-gray-800 group-[.is-popup]:bg-zinc-700': second === false, 'bg-gray-700 group-[.is-popup]:bg-zinc-600': second === true }">
<div class="flex items-center">
<div class="col-span-full font-semibold text-gray-300" v-if="heading" v-text="heading"></div>
<div v-if="heading" class="col-span-full font-semibold text-gray-300 group-[.is-popup]:text-zinc-300"
v-text="heading"></div>
<slot name="in-title"></slot>
</div>
<main :class="{'mt-2': heading, [containerClass]: true}">
<main :class="{ 'mt-2': heading, [containerClass]: true }">
<slot></slot>
</main>
</section>

2
resources/js/components/ui/Popup.vue
View File

@ -5,7 +5,7 @@
<ui-sprite src="close" class="text-zinc-400 w-6 h-6"></ui-sprite>
</a>
<h3 v-if="heading" class="font-semibold text-primary-200 text-xl" v-html="heading"></h3>
<div class="text-primary-100">
<div class="text-primary-100 group is-popup">
<slot></slot>
</div>
</div>