duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 07:26:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: checkpoint current work

Browse Source
This commit is contained in:
Lorenzune
2026-04-03 05:22:26 +02:00
parent 83540ff329
commit 36c0221a54
477 changed files with 3799 additions and 1071 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/Popover.tsx
+1 -1
View File
@@ -45,7 +45,7 @@ export const ReactPopover: FC<PropsWithChildren<{
<div
className="min-w-fit w-[200px] h-fit absolute bottom-full z-50 transition-all"
hidden={ !show }>
<div className="rounded bg-white p-3 shadow-[10px_30px_150px_rgba(46,38,92,0.25)] mb-[10px]">
<div className="mb-[10px] rounded-[8px] border border-[#c4cabf] bg-[#f2f2eb] p-3 shadow-none">
{ content }
</div>
</div>
src/common/card/NitroCardContentView.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ export const NitroCardContentView: FC<ColumnProps> = props =>
const getClassNames = useMemo(() =>
{
// Theme Changer
const newClassNames: string[] = [ 'container-fluid', 'h-full p-[8px] overflow-auto', 'bg-light' ];
const newClassNames: string[] = [ 'container-fluid', 'nitro-card-content-shell', 'h-full p-[10px] overflow-auto' ];
if(classNames.length) newClassNames.push(...classNames);
src/common/card/NitroCardHeaderView.tsx
+3 -3
View File
@@ -26,9 +26,9 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
};
return (
<Column center className={ 'relative flex items-center justify-center flex-col drag-handler min-h-card-header max-h-card-header bg-card-header' } { ...rest }>
<Column center className={ 'nitro-card-header-shell relative flex items-center justify-center flex-col drag-handler min-h-card-header max-h-card-header' } { ...rest }>
<Flex center fullWidth>
<span className="text-xl text-white drop-shadow-lg">{ headerText }</span>
<span className="nitro-card-title text-white">{ headerText }</span>
{ isGalleryPhoto &&
<Base className="inset-e-4 nitro-card-header-report-camera" position="absolute" onClick={ onReportPhoto }>
<FaFlag className="fa-icon" />
@@ -37,7 +37,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
{ isInfoToHabboPages &&
<Base className="absolute right-8 nitro-card-header-info-habbopages cursor-pointer" position="absolute" onClick={ onClickInfoHabboPages } />
}
<div className="absolute flex items-center justify-center cursor-pointer right-2 p-[2px] ubuntu-close-button" onClick={ onCloseClick } onMouseDownCapture={ onMouseDown }>
<div className="absolute flex items-center justify-center cursor-pointer right-2 nitro-card-close-button" onClick={ onCloseClick } onMouseDownCapture={ onMouseDown }>
</div>
</Flex>
src/common/card/NitroCardView.tsx
+1 -4
View File
@@ -16,10 +16,7 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ isResizable ? 'resize' : 'resize-none', 'rounded', 'shadow' ];
// Card Theme Changer
newClassNames.push('border border-[#283F5D]');
const newClassNames: string[] = [ isResizable ? 'resize' : 'resize-none', 'nitro-card-shell' ];
if(classNames.length) newClassNames.push(...classNames);
src/common/card/tabs/NitroCardTabsItemView.tsx
+2 -2
View File
@@ -14,8 +14,8 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'overflow-hidden relative cursor-pointer rounded-t-md flex bg-card-tab-item px-3 py-1 z-1 border-card-border border-t border-l border-r before:absolute before:w-[93%] before:h-[3px] before:rounded-md before:top-[1.5px] before:left-0 before:right-0 before:m-auto before:z-1 before:bg-[#C2C9D1]',
isActive && 'bg-card-tab-item-active -mb-px before:bg-white' ];
const newClassNames: string[] = [ 'nitro-card-tab-item overflow-hidden relative cursor-pointer rounded-t-[8px] flex px-3 py-[6px] z-1',
isActive && 'nitro-card-tab-item-active -mb-px' ];
//if (isActive) newClassNames.push('bg-[#dfdfdf] border-b-[1px_solid_black]');
src/common/card/tabs/NitroCardTabsView.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ export const NitroCardTabsView: FC<FlexProps> = props =>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'justify-center gap-0.5 flex bg-card-tabs min-h-card-tabs max-h-card-tabs pt-1 border-b border-card-border px-2 -mt-px' ];
const newClassNames: string[] = [ 'nitro-card-tabs-shell justify-center gap-1 flex min-h-card-tabs max-h-card-tabs px-2 pt-1' ];
if(classNames.length) newClassNames.push(...classNames);
src/common/layout/LayoutGridItem.tsx
+2 -2
View File
@@ -24,10 +24,10 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'layout-grid-item', 'border', 'border-2', 'border-muted', 'rounded' ];
const newClassNames: string[] = [ 'layout-grid-item', 'border', 'border-2', 'border-[#c4cabf]', 'rounded-[6px]' ];
if(itemActive) newClassNames.push('bg-[#ececec]! border-[#fff]!');
if(itemActive) newClassNames.push('bg-[#e4e7df]! border-[#aeb7aa]!');
if(itemUniqueSoldout || (itemUniqueNumber > 0)) newClassNames.push('unique-item');
src/common/layout/LayoutRoomThumbnailView.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ export const LayoutRoomThumbnailView: FC<LayoutRoomThumbnailViewProps> = props =
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'relative w-[110px] h-[110px] bg-[url("@/assets/images/navigator/thumbnail_placeholder.png")] bg-no-repeat bg-center', 'rounded', 'border! border-[solid]! border-[#283F5D]!' ];
const newClassNames: string[] = [ 'relative w-[110px] h-[110px] bg-[url("@/assets/images/navigator/thumbnail_placeholder.png")] bg-no-repeat bg-center', 'rounded-[6px]', 'border! border-[solid]! border-[#c4cabf]!' ];
if(classNames.length) newClassNames.push(...classNames);