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

🆙 Update the wheel of fortune icon

Browse Source
This commit is contained in:
duckietm
2026-06-08 08:42:01 +02:00
parent 50d4920194
commit 4c36b595f5
4 changed files with 63 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/toolbar/icons/fortune-wheel.svg
+23
View File
@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<!-- Habbo-style wheel of fortune -->
<g stroke="#3a2a14" stroke-width="1.1" stroke-linejoin="round">
<!-- outer rim -->
<circle cx="20" cy="20" r="17" fill="#3a2a14" stroke="none"/>
<!-- coloured wedges -->
<g stroke="#3a2a14" stroke-width="0.8">
<path d="M20 20 L20 4 A16 16 0 0 1 31.31 8.69 Z" fill="#ff5b5b"/>
<path d="M20 20 L31.31 8.69 A16 16 0 0 1 36 20 Z" fill="#ffb13b"/>
<path d="M20 20 L36 20 A16 16 0 0 1 31.31 31.31 Z" fill="#ffe14d"/>
<path d="M20 20 L31.31 31.31 A16 16 0 0 1 20 36 Z" fill="#7ed957"/>
<path d="M20 20 L20 36 A16 16 0 0 1 8.69 31.31 Z" fill="#3bc4ff"/>
<path d="M20 20 L8.69 31.31 A16 16 0 0 1 4 20 Z" fill="#4d79ff"/>
<path d="M20 20 L4 20 A16 16 0 0 1 8.69 8.69 Z" fill="#b85bff"/>
<path d="M20 20 L8.69 8.69 A16 16 0 0 1 20 4 Z" fill="#ff5bb0"/>
</g>
<!-- centre hub -->
<circle cx="20" cy="20" r="4" fill="#fff4d6"/>
<circle cx="20" cy="20" r="1.4" fill="#3a2a14" stroke="none"/>
</g>
<!-- top pointer -->
<path d="M20 11 L15.5 1.5 L24.5 1.5 Z" fill="#ff2e2e" stroke="#3a2a14" stroke-width="1.1" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
+1 -1
View File
@@ -233,7 +233,7 @@ export const CatalogPurchaseWidgetView: FC<CatalogPurchaseWidgetViewProps> = pro
switch(purchaseState)
{
case CatalogPurchaseState.CONFIRM:
return <Button classNames={ swfButtonClassNames } variant="warning" onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
return <Button classNames={ [ ...swfButtonClassNames, 'nitro-catalog-swf-confirm-button' ] } variant="success" onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
case CatalogPurchaseState.PURCHASE:
return <Button classNames={ swfButtonClassNames } disabled><LayoutLoadingSpinnerView /></Button>;
case CatalogPurchaseState.FAILED:
src/css/catalog/CatalogClassicView.css
+33
View File
@@ -1103,6 +1103,39 @@
cursor: not-allowed !important;
}
.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button {
width: 160px !important;
min-width: 160px !important;
height: 24px !important;
padding: 0 8px !important;
border: 1px solid #000 !important;
border-radius: 4px !important;
border-image: none !important;
border-image-source: none !important;
background:
linear-gradient(180deg, #b6e86b 0%, #7fc828 45%, #4f9a18 100%) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.6),
inset 0 -2px 0 rgba(40, 80, 0, 0.35) !important;
color: #1f3d00 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) !important;
font-weight: 700 !important;
}
.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button:hover {
background:
linear-gradient(180deg, #c6f580 0%, #8fd836 45%, #57a81c 100%) !important;
filter: brightness(1.04);
}
.nitro-catalog-classic-window .nitro-catalog-swf-confirm-button:active {
background:
linear-gradient(180deg, #4f9a18 0%, #3d7a0a 100%) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.25),
inset 0 2px 0 rgba(40, 80, 0, 0.45) !important;
}
.nitro-catalog-classic-window .nitro-catalog-swf-gift-button {
width: 160px !important;
min-width: 160px !important;
src/css/icons/icons.css
+6 -4
View File
@@ -92,10 +92,12 @@
}
.nitro-icon.icon-fortune-wheel {
background-image: url("@/assets/images/toolbar/icons/game.png");
width: 44px;
height: 25px;
filter: hue-rotate(300deg) saturate(1.6);
background-image: url("@/assets/images/toolbar/icons/fortune-wheel.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
}
.nitro-icon.icon-housekeeping {