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

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

@ -1,7 +1,9 @@
<template> <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="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> <slot name="in-title"></slot>
</div> </div>
<main :class="{ 'mt-2': heading, [containerClass]: true }"> <main :class="{ 'mt-2': heading, [containerClass]: true }">

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> <ui-sprite src="close" class="text-zinc-400 w-6 h-6"></ui-sprite>
</a> </a>
<h3 v-if="heading" class="font-semibold text-primary-200 text-xl" v-html="heading"></h3> <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> <slot></slot>
</div> </div>
</div> </div>