fixed dark mode team page (#4315)
parent
bb24539731
commit
4162d403e1
|
@ -2,7 +2,6 @@ import React from "react";
|
||||||
|
|
||||||
import classNames from "@lib/classNames";
|
import classNames from "@lib/classNames";
|
||||||
|
|
||||||
import Avatar from "@components/ui/Avatar";
|
|
||||||
import { AvatarSSR } from "@components/ui/AvatarSSR";
|
import { AvatarSSR } from "@components/ui/AvatarSSR";
|
||||||
|
|
||||||
export type AvatarGroupProps = {
|
export type AvatarGroupProps = {
|
||||||
|
|
|
@ -62,7 +62,7 @@ function TeamPage({ team }: TeamPageProps) {
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-1 self-center">
|
<div className="mt-1 self-center">
|
||||||
<AvatarGroup
|
<AvatarGroup
|
||||||
border="border-2 border-white"
|
border="border-2 border-white dark:border-darkgray-100"
|
||||||
truncateAfter={4}
|
truncateAfter={4}
|
||||||
className="flex flex-shrink-0"
|
className="flex flex-shrink-0"
|
||||||
size={10}
|
size={10}
|
||||||
|
@ -110,7 +110,7 @@ function TeamPage({ team }: TeamPageProps) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<aside className="mt-8 text-center dark:text-white">
|
<aside className="mt-8 mb-16 flex justify-center text-center dark:text-white">
|
||||||
<Button
|
<Button
|
||||||
color="minimal"
|
color="minimal"
|
||||||
EndIcon={Icon.FiArrowRight}
|
EndIcon={Icon.FiArrowRight}
|
||||||
|
|
|
@ -31,7 +31,7 @@ export const EventTypeDescription = ({ eventType, className }: EventTypeDescript
|
||||||
<>
|
<>
|
||||||
<div className={classNames("dark:text-darkgray-800 text-neutral-500", className)}>
|
<div className={classNames("dark:text-darkgray-800 text-neutral-500", className)}>
|
||||||
{eventType.description && (
|
{eventType.description && (
|
||||||
<h2 className="dark:text-darkgray-800 max-w-[280px] overflow-hidden text-ellipsis py-2 text-sm leading-none text-gray-600 opacity-60 sm:max-w-[500px]">
|
<h2 className="dark:text-darkgray-800 max-w-[280px] overflow-hidden text-ellipsis py-2 text-sm text-gray-600 opacity-60 sm:max-w-[500px]">
|
||||||
{eventType.description.substring(0, 100)}
|
{eventType.description.substring(0, 100)}
|
||||||
{eventType.description.length > 100 && "..."}
|
{eventType.description.length > 100 && "..."}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
Loading…
Reference in New Issue