maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Fix UI NITs (#10691)

This commit is contained in:
sean-brydon 2023-08-10 09:49:17 +01:00 committed by GitHub
parent a49c34e733
commit d6d4e246f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/features/ee/teams/components/MemberListItem.tsx
View File

@ -29,7 +29,6 @@ import {
} from "@calcom/ui";
import { ExternalLink, MoreHorizontal, Edit2, Lock, UserX } from "@calcom/ui/components/icon";
import { useOrgBranding } from "../../organizations/context/provider";
import MemberChangeRoleModal from "./MemberChangeRoleModal";
import TeamAvailabilityModal from "./TeamAvailabilityModal";
import TeamPill, { TeamRole } from "./TeamPill";
@ -54,7 +53,6 @@ const checkIsOrg = (team: Props["team"]) => {
export default function MemberListItem(props: Props) {
const { t } = useLocale();
const orgBranding = useOrgBranding();
const utils = trpc.useContext();
const [showChangeMemberRoleModal, setShowChangeMemberRoleModal] = useState(false);
@ -115,7 +113,7 @@ export default function MemberListItem(props: Props) {
return (
<li className="divide-subtle divide-y px-5">
<div className="my-4 flex justify-between">
<div className="flex w-full flex-col justify-between sm:flex-row">
<div className="flex w-full flex-col justify-between truncate sm:flex-row">
<div className="flex">
<Avatar
size="sm"

2
packages/features/ee/users/components/UsersTable.tsx
View File

@ -109,7 +109,7 @@ function UsersTableBare() {
onChange={(e) => setSearchTerm(e.target.value)}
/>
<div
className="rounded-md border"
className="border-subtle rounded-md border"
ref={tableContainerRef}
onScroll={() => fetchMoreOnBottomReached()}
style={{

2
packages/ui/components/data-table/index.tsx
View File

@ -101,7 +101,7 @@ export function DataTable<TData, TValue>({
tableCTA={tableCTA}
/>
<div
className="rounded-md border"
className="border-subtle rounded-md border"
ref={tableContainerRef}
onScroll={onScroll}
style={{

2
packages/ui/components/navigation/tabs/HorizontalTabs.tsx
View File

@ -10,7 +10,7 @@ export interface NavTabProps {
const HorizontalTabs = function ({ tabs, linkShallow, linkScroll, actions, ...props }: NavTabProps) {
return (
<div className="mb-4 h-9 max-w-[calc(100%+40px)] lg:mb-5">
<div className="mb-4 h-9 max-w-full lg:mb-5">
<nav
className="no-scrollbar flex max-h-9 space-x-1 overflow-scroll rounded-md"
aria-label="Tabs"

5
packages/ui/components/table/TableNew.tsx
View File

@ -36,7 +36,10 @@ const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTML
({ className, ...props }, ref) => (
<tr
ref={ref}
className={classNames("hover:bg-subtle data-[state=selected]:bg-subtle border-b", className)}
className={classNames(
"hover:bg-subtle data-[state=selected]:bg-subtle border-subtle border-b",
className
)}
{...props}
/>
)