aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-21 08:14:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

design touchup (#184)

Browse Source
This commit is contained in:
Paul Miller
2023-05-29 11:34:51 -05:00
committed by GitHub
parent b299eac544
commit caf5811637
18 changed files with 726 additions and 639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/layout/index.tsx
View File

@@ -37,17 +37,24 @@ export const InnerCard: ParentComponent<{ title?: string }> = (props) => {
)
}
export const FancyCard: ParentComponent<{ title?: string, tag?: JSX.Element }> = (props) => {
return (
<div class='border border-black/50 rounded-xl border-b-4 p-4 flex flex-col gap-2 bg-neutral-800/50 shadow-fancy-card'>
<div class="w-full flex justify-between items-center">
{props.title && <SmallHeader>{props.title}</SmallHeader>}
{props.tag && props.tag}
</div>
{props.children}
export const FancyCard: ParentComponent<{
title?: string;
subtitle?: string;
tag?: JSX.Element;
}> = (props) => {
return (
<div class="border border-black/50 rounded-xl border-b-4 p-4 flex flex-col gap-2 bg-neutral-800/50 shadow-fancy-card">
<div class="w-full flex justify-between items-center">
<div class="flex gap-2">
{props.title && <SmallHeader>{props.title}</SmallHeader>}
{props.subtitle && <SmallHeader class="text-neutral-500">{props.subtitle}</SmallHeader>}
</div>
)
}
{props.tag && props.tag}
</div>
{props.children}
</div>
);
};
export const SafeArea: ParentComponent = (props) => {
return (