Oda/managing-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add push-dev command and update Tabs component

Browse Source
This commit is contained in:
cryptooda
2025-11-08 21:54:04 +07:00
parent 111fdc94c5
commit 1ed58d1a98
2 changed files with 261 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Managing.WebApp/src/components/mollecules/Tabs/Tabs.tsx
View File

@@ -27,13 +27,19 @@ const Tabs: FC<ITabsProps> = ({
orientation === 'vertical' ? className + ' vertical' : className
}
>
<div className="overflow-x-auto scrollbar-hide -mx-4 px-4">
<div className="tabs flex-nowrap min-w-max" role="tablist" aria-orientation={orientation}>
<div className="overflow-x-auto scrollbar-hide -mx-4 px-4 mb-6">
<div
className="tabs tabs-boxed bg-base-200/50 p-1.5 rounded-lg shadow-sm border border-base-300 flex-nowrap min-w-max gap-1"
role="tablist"
aria-orientation={orientation}
>
{tabs.map((tab: any) => (
<button
className={
'mb-5 tab tab-bordered whitespace-nowrap flex-shrink-0 ' +
(selectedTab === tab.index ? 'tab-active' : '')
'tab whitespace-nowrap flex-shrink-0 px-5 py-2.5 text-sm font-medium transition-all duration-200 rounded-md ' +
(selectedTab === tab.index
? 'tab-active bg-primary text-primary-content shadow-md font-semibold'
: 'text-base-content/70 hover:text-base-content hover:bg-base-300/50')
}
onClick={() => onClick(tab.index)}
key={tab.index}
@@ -49,7 +55,7 @@ const Tabs: FC<ITabsProps> = ({
))}
{addButton && (
<button
className="tab tab-bordered mb-5 whitespace-nowrap flex-shrink-0"
className="tab whitespace-nowrap flex-shrink-0 px-5 py-2.5 text-sm font-medium transition-all duration-200 rounded-md text-base-content/70 hover:text-base-content hover:bg-base-300/50"
onClick={onAddButton}
key={'add'}
type="button"