fixed dark mode team page (#4315)

pull/4317/head
Peer Richelsen 2022-09-08 23:33:19 +02:00 committed by GitHub
parent bb24539731
commit 4162d403e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 4 deletions

View File

@ -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 = {

View File

@ -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}

View File

@ -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>