salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styles styels styles

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-01 18:12:51 +00:00
parent e96069775c
commit c880e24fc0
22 changed files with 314 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dashboard/StandardThreeWidgetFooter.tsx
View File

@@ -272,7 +272,7 @@ export default function StandardThreeWidgetFooter({
const moduleType: ModuleType = module || (moduleStats?.title?.toLowerCase().includes('planner') ? 'planner' : 'writer');
return (
<div className={`mt-8 pt-6 border-t border-gray-200 dark:border-gray-700 w-full max-w-full overflow-hidden ${className}`}>
<div className={`pt-4 border-t border-gray-200 dark:border-gray-700 w-full max-w-full overflow-hidden ${className}`}>
{/*
* Widget widths adjusted per requirements:
* - Widget 1 (Page Progress): 28.3% (reduced by 5%)

2
frontend/src/components/dashboard/ThreeWidgetFooter.tsx
View File

@@ -367,7 +367,7 @@ export default function ThreeWidgetFooter({
className = '',
}: ThreeWidgetFooterProps) {
return (
<div className={`mt-8 pt-6 border-t border-gray-200 dark:border-gray-700 ${className}`}>
<div className={`pt-4 border-t border-gray-200 dark:border-gray-700 ${className}`}>
{/*
* Widget widths adjusted per requirements:
* - Widget 1 (Page Progress): 28.3% (reduced by 5%)

4
frontend/src/components/onboarding/OnboardingWizard.tsx
View File

@@ -191,8 +191,8 @@ export default function OnboardingWizard({ onComplete, onSkip }: OnboardingWizar
};
return (
<div className="fixed inset-0 z-50 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4">
<Card className="w-full max-w-2xl bg-white dark:bg-gray-900 rounded-2xl shadow-2xl overflow-hidden">
<div className="w-full max-w-3xl mx-auto">
<Card className="w-full bg-white dark:bg-gray-900 rounded-2xl shadow-lg overflow-hidden">
{/* Header */}
<div className="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
<div className="flex items-center justify-between">

6
frontend/src/components/ui/badge/Badge.tsx
View File

@@ -105,9 +105,9 @@ const toneStyles: Record<
};
const sizeClasses: Record<BadgeSize, string> = {
xs: "min-h-[20px] px-2.5 py-1 text-[11px] leading-[1.4]",
sm: "min-h-[24px] px-3 py-1 text-xs leading-[1.4]",
md: "min-h-[28px] px-3.5 py-1.5 text-sm leading-[1.4]",
xs: "min-h-[20px] px-2.5 py-1 leading-[1.4]",
sm: "min-h-[24px] px-3 py-1 leading-[1.4]",
md: "min-h-[28px] px-3.5 py-1.5 leading-[1.4]",
};
const Badge: React.FC<BadgeProps> = ({

6
frontend/src/components/ui/table/index.tsx
View File

@@ -35,11 +35,12 @@ interface TableCellProps {
children: ReactNode; // Cell content
isHeader?: boolean; // If true, renders as <th>, otherwise <td>
className?: string; // Optional className for styling
style?: React.CSSProperties; // Optional inline styles for width, fontSize, etc.
}
// Table Component
const Table: React.FC<TableProps> = ({ children, className }) => {
return <table className={`min-w-full w-full ${className}`}>{children}</table>;
return <table className={`min-w-full w-full ${className}`} style={{ tableLayout: 'auto' }}>{children}</table>;
};
// TableHeader Component
@@ -62,9 +63,10 @@ const TableCell: React.FC<TableCellProps> = ({
children,
isHeader = false,
className,
style,
}) => {
const CellTag = isHeader ? "th" : "td";
return <CellTag className={` ${className}`}>{children}</CellTag>;
return <CellTag className={` ${className}`} style={style}>{children}</CellTag>;
};
export { Table, TableHeader, TableBody, TableRow, TableCell };