duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Updated the New Item color

Browse Source
This commit is contained in:
DuckieTM 2025-03-20 18:49:37 +01:00
parent f52bff5bdb
commit ae7aae845c
11 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/card/tabs/NitroCardTabsItemView.tsx
View File

@ -29,7 +29,7 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
{ children }
</Flex>
{ (count > 0) &&
<LayoutItemCountView count={ count } /> }
<LayoutItemCountView className="text-black" count={ count } /> }
</Flex>
);
}

2
src/common/layout/LayoutGridColorPickerItem.tsx
View File

@ -61,7 +61,7 @@ export const LayoutGridColorPickerItem: FC<LayoutGridColorPickerItemProps> = pro
return (
<Column center={ center } pointer position={ position } overflow={ overflow } column={ column } classNames={ getClassNames } style={ getStyle } { ...rest }>
{ (itemCount > itemCountMinimum) &&
<LayoutItemCountView count={ itemCount } /> }
<LayoutItemCountView className="text-black" count={ itemCount } /> }
{ (itemUniqueNumber > 0) &&
<>
<Base fit className="unique-bg-override" style={ { backgroundImage: `url(${ itemImage })` } } />

2
src/common/layout/LayoutGridItem.tsx
View File

@ -61,7 +61,7 @@ export const LayoutGridItem: FC<LayoutGridItemProps> = props =>
return (
<Column center={ center } pointer position={ position } overflow={ overflow } column={ column } classNames={ getClassNames } style={ getStyle } { ...rest }>
{ (itemCount > itemCountMinimum) &&
<LayoutItemCountView count={ itemCount } /> }
<LayoutItemCountView className="text-black" count={ itemCount } /> }
{ (itemUniqueNumber > 0) &&
<>
<Base fit className="unique-bg-override" style={ { backgroundImage: `url(${ itemImage })` } } />

2
src/common/layout/LayoutItemCountView.tsx
View File

@ -12,7 +12,7 @@ export const LayoutItemCountView: FC<LayoutItemCountViewProps> = props =>
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'badge', 'border', 'border-black', 'bg-danger', 'px-1', 'nitro-item-count' ];
const newClassNames: string[] = [ 'badge', 'border', 'border-black', 'bg-white', 'px-1', 'nitro-item-count' ];
if(classNames.length) newClassNames.push(...classNames);

2
src/common/layout/RoomCreatorGridItem.tsx
View File

@ -95,7 +95,7 @@ export const RoomCreatorGridItem: FC<RoomCreatorGridItemProps> = (props) => {
{...rest}
>
{itemCount > itemCountMinimum && (
<LayoutItemCountView count={itemCount} />
<LayoutItemCountView className="text-black" count={itemCount} />
)}
{itemUniqueNumber > 0 && (
<>

2
src/components/friends/views/messenger/FriendsMessengerView.tsx
View File

@ -117,7 +117,7 @@ export const FriendsMessengerView: FC<{}> = props =>
{ visibleThreads && (visibleThreads.length > 0) && visibleThreads.map(thread => {
return (
<LayoutGridItem key={ thread.threadId } itemActive={ (activeThread === thread) } onClick={ event => setActiveThreadId(thread.threadId) }>
{ thread.unread && <LayoutItemCountView count={ thread.unreadCount } /> }
{ thread.unread && <LayoutItemCountView className="text-black" count={ thread.unreadCount } /> }
<Flex fullWidth alignItems="center" gap={ 1 }>
<Flex alignItems="center" className="friend-head px-2">
<LayoutAvatarImageView figure={

2
src/components/game-center/views/GameView.tsx
View File

@ -45,7 +45,7 @@ export const GameView = () =>
<Button variant="light" position="relative" className="px-4" onClick={ onPlay }>
{ LocalizeText('gamecenter.play_now') }
{ !accountStatus.hasUnlimitedGames &&
<LayoutItemCountView className="me-n1 mt-n1" count={ accountStatus.freeGamesLeft }/> }
<LayoutItemCountView className="me-n1 mt-n1 text-black" count={ accountStatus.freeGamesLeft }/> }
</Button>
</> }
<Text bold className="w-50" center>{ LocalizeText(`gamecenter.${ selectedGame.gameNameId }.description_content`) }</Text>

10
src/components/inventory/InventoryView.scss
View File

@ -29,10 +29,9 @@
padding: 0px;
padding-left: 3px;
padding-right: 3px;
color: #306A83;
border: 1px solid #2F6982;
color: #000;
border: 1px solid #555555;
font-weight: normal !important;
font-family: Goldfish;
}
}
@ -133,10 +132,9 @@
padding: 0px;
padding-left: 3px;
padding-right: 3px;
color: #306A83;
border: 1px solid #2F6982;
color: #000;
border: 1px solid #c4c3c3;
font-weight: normal !important;
font-family: Goldfish;
}
}
}

2
src/components/toolbar/ToolbarMeView.tsx
View File

@ -40,7 +40,7 @@ export const ToolbarMeView: FC<PropsWithChildren<ToolbarMeViewProps>> = props =>
<Base pointer className="navigation-item icon icon-me-helper-tool click-box" onClick={ event => DispatchUiEvent(new GuideToolEvent(GuideToolEvent.TOGGLE_GUIDE_TOOL)) } /> }
<Base pointer className="navigation-item icon icon-me-achievements click-box" onClick={ event => CreateLinkEvent('achievements/toggle') }>
{ (unseenAchievementCount > 0) &&
<LayoutItemCountView count={ unseenAchievementCount } /> }
<LayoutItemCountView className="text-black" count={ unseenAchievementCount } /> }
</Base>
<Base pointer className="navigation-item icon icon-me-profile click-box" onClick={ event => GetUserProfile(GetSessionDataManager().userId) } />
<Base pointer className="navigation-item icon icon-me-rooms click-box" onClick={ event => CreateLinkEvent('navigator/search/myworld_view') } />

6
src/components/toolbar/ToolbarView.tsx
View File

@ -74,7 +74,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
<Flex center pointer className={ 'navigation-item item-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ event => setMeExpanded(!isMeExpanded) }>
<LayoutAvatarImageView figure={ userFigure } headOnly={ true } direction={ 2 } position="absolute" />
{ (getTotalUnseen > 0) &&
<LayoutItemCountView count={ getTotalUnseen } /> }
<LayoutItemCountView className="text-black" count={ getTotalUnseen } /> }
</Flex>
{ isInRoom &&
<Base pointer className="navigation-item icon icon-habbo click-box" onClick={ event => VisitDesktop() } /> }
@ -85,7 +85,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
<Base pointer className="navigation-item icon icon-catalog click-box" onClick={ event => CreateLinkEvent('catalog/toggle') } />
<Base pointer className="navigation-item icon icon-inventory click-box" onClick={ event => CreateLinkEvent('inventory/toggle') }>
{ (getFullCount > 0) &&
<LayoutItemCountView count={ getFullCount } /> }
<LayoutItemCountView className="text-black" count={ getFullCount } /> }
</Base>
{ isInRoom &&
<Base pointer className="navigation-item icon icon-camera click-box" onClick={ event => CreateLinkEvent('camera/toggle') } /> }
@ -98,7 +98,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
<Flex gap={ 2 }>
<Base pointer className="navigation-item icon icon-friendall click-box friendsmovilgen" onClick={ event => CreateLinkEvent('friends/toggle') }>
{ (requests.length > 0) &&
<LayoutItemCountView count={ requests.length } /> }
<LayoutItemCountView className="text-black" count={ requests.length } /> }
</Base>
{ ((iconState === MessengerIconState.SHOW) || (iconState === MessengerIconState.UNREAD)) &&
<Base pointer className={ `navigation-item icon icon-message click-box mensajesmovilgen ${ (iconState === MessengerIconState.UNREAD) && 'is-unseen' }` } onClick={ event => OpenMessengerChat() } /> }

2
src/components/wired/views/conditions/WiredConditionBaseView.tsx
View File

@ -10,7 +10,7 @@ export interface WiredConditionBaseViewProps {
}
export const WiredConditionBaseView: FC<PropsWithChildren<WiredConditionBaseViewProps>> = props => {
const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, hasSpecialInput = false, children = null, maxItemSelectionCount = 5 } = props;
const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, hasSpecialInput = false, children = null, maxItemSelectionCount = 50 } = props;
const onSave = () => (save && save());