chore(nx-dev): update dark mode style on card & persona (#14665)
This commit is contained in:
parent
ee909cf7a5
commit
efe69751cb
@ -58,7 +58,7 @@ export function Card({
|
|||||||
>
|
>
|
||||||
{!!hasYoutubeId && (
|
{!!hasYoutubeId && (
|
||||||
<img
|
<img
|
||||||
className="!m-0 aspect-video rounded-md"
|
className="!m-0 aspect-video rounded-l-md"
|
||||||
alt="Youtube Link"
|
alt="Youtube Link"
|
||||||
src={`https://img.youtube.com/vi/${hasYoutubeId}/default.jpg`}
|
src={`https://img.youtube.com/vi/${hasYoutubeId}/default.jpg`}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -182,7 +182,7 @@ export function Persona({
|
|||||||
const ui = typeMap[type];
|
const ui = typeMap[type];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<aside className="relative flex overflow-hidden rounded-md bg-slate-50 p-4 ring-1 ring-slate-100 transition hover:bg-slate-50/40 dark:bg-slate-800/40 dark:ring-slate-700 dark:hover:bg-slate-800/60">
|
<aside className="relative flex overflow-hidden rounded-md border border-slate-100 bg-slate-50 p-4 transition hover:bg-slate-50/40 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:bg-slate-800">
|
||||||
<div className="flex-shrink-0">{ui.image}</div>
|
<div className="flex-shrink-0">{ui.image}</div>
|
||||||
<div className="ml-4">
|
<div className="ml-4">
|
||||||
{title && <h5 className="mt-0 text-base font-medium">{title}</h5>}
|
{title && <h5 className="mt-0 text-base font-medium">{title}</h5>}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user