mirror of
https://github.com/duckietm/Nitro-Cool-UI.git
synced 2025-06-21 22:36:58 +00:00
🆙 Fix the missing trade icons
This commit is contained in:
parent
19693b3b6a
commit
8a9ed64f20
BIN
src/assets/images/inventory/trading/lock_locked.png
Normal file
BIN
src/assets/images/inventory/trading/lock_locked.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/images/inventory/trading/lock_open.png
Normal file
BIN
src/assets/images/inventory/trading/lock_open.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
Before Width: | Height: | Size: 309 B |
Binary file not shown.
Before Width: | Height: | Size: 332 B |
@ -338,6 +338,27 @@
|
|||||||
height: 17px;
|
height: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.icon-lock-open {
|
||||||
|
background: url('@/assets/images/inventory/trading/lock_open.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 43px;
|
||||||
|
width: 29px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.icon-lock-locked {
|
||||||
|
background: url('@/assets/images/inventory/trading/lock_locked.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 44px;
|
||||||
|
width: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.icon-confirmed {
|
||||||
|
background: url('@/assets/images/inventory/confirmed.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
height: 18px;
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
&.icon-sign-heart {
|
&.icon-sign-heart {
|
||||||
background: url('@/assets/images/icons/sign-heart.png');
|
background: url('@/assets/images/icons/sign-heart.png');
|
||||||
width: 15px;
|
width: 15px;
|
||||||
|
@ -1,18 +1,17 @@
|
|||||||
import { NotificationBubbleItem, NotificationBubbleType } from '../../../../api';
|
import { NotificationBubbleItem, NotificationBubbleType } from "../../../../api";
|
||||||
import { NotificationClubGiftBubbleView } from './NotificationClubGiftBubbleView';
|
import { NotificationClubGiftBubbleView } from "./NotificationClubGiftBubbleView";
|
||||||
import { NotificationDefaultBubbleView } from './NotificationDefaultBubbleView';
|
import { NotificationDefaultBubbleView } from "./NotificationDefaultBubbleView";
|
||||||
|
|
||||||
export const GetBubbleLayout = (item: NotificationBubbleItem, onClose: () => void) =>
|
export const GetBubbleLayout = ( item: NotificationBubbleItem, onClose: () => void ) => {
|
||||||
{
|
|
||||||
if(!item) return null;
|
if (!item) return null;
|
||||||
|
|
||||||
const props = { key: item.id, item, onClose };
|
const props = { key: item.id, item, onClose };
|
||||||
|
|
||||||
switch(item.notificationType)
|
switch (item.notificationType) {
|
||||||
{
|
|
||||||
case NotificationBubbleType.CLUBGIFT:
|
case NotificationBubbleType.CLUBGIFT:
|
||||||
return <NotificationClubGiftBubbleView { ...props } />
|
return <NotificationClubGiftBubbleView {...props} />;
|
||||||
default:
|
default:
|
||||||
return <NotificationDefaultBubbleView { ...props } />
|
return <NotificationDefaultBubbleView {...props} />;
|
||||||
}
|
}
|
||||||
}
|
};
|
Loading…
x
Reference in New Issue
Block a user