mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
simoleo89
c9df2d8765
Introduce a reusable NavigatorRoomSettingsSectionView card (rounded bg-gray-100 panel with a bold-small title) and apply it across the Access, VIP/Chat, Moderation and Rights tabs so every room-settings screen matches the Base and Misc tab styling. Pure visual restyle — handleChange wiring, events, composers and validations are unchanged.
23 lines
631 B
TypeScript
23 lines
631 B
TypeScript
import { FC, ReactNode } from 'react';
|
|
import { Column, Text } from '../../../../common';
|
|
|
|
interface NavigatorRoomSettingsSectionViewProps
|
|
{
|
|
title?: string;
|
|
gap?: 1 | 2 | 3;
|
|
className?: string;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const NavigatorRoomSettingsSectionView: FC<NavigatorRoomSettingsSectionViewProps> = props =>
|
|
{
|
|
const { title = null, gap = 2, className = '', children = null } = props;
|
|
|
|
return (
|
|
<Column gap={ gap } className={ `rounded bg-gray-100 p-3 ${ className }`.trim() }>
|
|
{ title && <Text bold small>{ title }</Text> }
|
|
{ children }
|
|
</Column>
|
|
);
|
|
};
|