nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 13:26:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Test image fix

Browse Source
This commit is contained in:
Bill 2022-03-15 18:04:58 -04:00
parent 0a72bc383c
commit 9e92a9b555
26 changed files with 194 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
craco.config.js
View File

@ -2,6 +2,11 @@ module.exports = {
eslint: {
enable: false
},
style: {
css: {
loaderOptions: O => { return { url: false } }
}
},
webpack: {
configure: (webpackConfig) => ({
...webpackConfig,

2
package.json
View File

@ -10,7 +10,7 @@
"eject": "react-scripts eject"
},
"dependencies": {
"@craco/craco": "^6.3.0",
"@craco/craco": "^6.4.3",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.16",

30
src/common/index.scss
View File

@ -48,7 +48,7 @@
.nitro-room-thumbnail-camera {
width: 132px;
height: 192px;
background-image: url('../assets/images/room-widgets/thumbnail-widget/thumbnail-camera-spritesheet.png');
background-image: url('/images/room-widgets/thumbnail-widget/thumbnail-camera-spritesheet.png');
.camera-frame {
position: absolute;
@ -67,7 +67,7 @@
pointer-events: all;
background-position: 0px 0px;
background-image: url('../assets/images/room-widgets/trophy-widget/trophy-spritesheet.png');
background-image: url('/images/room-widgets/trophy-widget/trophy-spritesheet.png');
&.trophy-2 {
background-position: 0px 173px;
@ -102,7 +102,7 @@
.nitro-gift-card {
width: 306px;
height: 159px;
background: url('../assets/images/gift/gift_tag.png') center no-repeat;
background: url('/images/gift/gift_tag.png') center no-repeat;
.gift-face {
width: 65px;
@ -110,7 +110,7 @@
.gift-incognito {
width: 37px;
height: 48px;
background: url('../assets/images/gift/incognito.png') center no-repeat;
background: url('/images/gift/incognito.png') center no-repeat;
}
.gift-avatar {
@ -188,7 +188,7 @@
position: relative;
width: 110px;
height: 110px;
background: url("../assets/images/navigator/thumbnail_placeholder.png") no-repeat center;
background: url("/images/navigator/thumbnail_placeholder.png") no-repeat center;
background-color: rgba($black, .125);
}
@ -309,7 +309,7 @@
.nitro-rarity-level {
width: 36px;
height: 28px;
background: url("../assets/images/infostand/rarity-level.png");
background: url("/images/infostand/rarity-level.png");
div {
line-height: 28px;
@ -392,7 +392,7 @@
content: '';
width: 100%;
height: 100%;
background: url("../assets/images/unique/grid-bg.png") center no-repeat;
background: url("/images/unique/grid-bg.png") center no-repeat;
z-index: 1;
}
@ -401,14 +401,14 @@
content: '';
width: 100%;
height: 100%;
background: url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
background: url("/images/unique/grid-bg-glass.png") center no-repeat;
bottom: 0;
z-index: 4;
}
&.sold-out:after {
background: url("../assets/images/unique/grid-bg-sold-out.png") center no-repeat,
url("../assets/images/unique/grid-bg-glass.png") center no-repeat;
background: url("/images/unique/grid-bg-sold-out.png") center no-repeat,
url("/images/unique/grid-bg-glass.png") center no-repeat;
}
.unique-item-counter {
@ -419,7 +419,7 @@
bottom: 1px;
width: 100%;
height: 9px;
background: url("../assets/images/unique/grid-count-bg.png") center no-repeat;
background: url("/images/unique/grid-count-bg.png") center no-repeat;
z-index: 3;
}
}
@ -427,7 +427,7 @@
.unique-sold-out-blocker {
width: 364px;
height: 30px;
background: url("../assets/images/unique/catalog-info-sold-out.png");
background: url("/images/unique/catalog-info-sold-out.png");
div {
float: right;
@ -448,7 +448,7 @@
right: 16px;
width: 34px;
height: 37px;
background: url("../assets/images/unique/inventory-info-amount-bg.png");
background: url("/images/unique/inventory-info-amount-bg.png");
div {
display: flex;
@ -461,7 +461,7 @@
.unique-complete-plate {
width: 170px;
height: 29px;
background: url("../assets/images/unique/catalog-info-amount-bg.png") no-repeat center;
background: url("/images/unique/catalog-info-amount-bg.png") no-repeat center;
z-index: 1;
padding-top: 3px;
@ -482,7 +482,7 @@
outline: 0;
height: 5px;
margin-right: 1px;
background-image: url('../assets/images/unique/numbers.png');
background-image: url('/images/unique/numbers.png');
background-repeat: no-repeat;
&:last-child {

2
src/components/achievements/AchievementsView.scss
View File

@ -4,7 +4,7 @@
}
.nitro-achievements-back-arrow {
background: url('../../assets/images/achievements/back-arrow.png') no-repeat center;
background: url('/images/achievements/back-arrow.png') no-repeat center;
width: 33px;
height: 34px;
}

2
src/components/avatar-editor/AvatarEditorView.scss
View File

@ -1,5 +1,5 @@
.nitro-avatar-editor-spritesheet {
background: url('../../assets/images/avatareditor/avatar-editor-spritesheet.png') transparent no-repeat;
background: url('/images/avatareditor/avatar-editor-spritesheet.png') transparent no-repeat;
&.arrow-left-icon {
width: 28px;

6
src/components/camera/CameraWidgetView.scss
View File

@ -33,7 +33,7 @@
position: relative;
width: 340px;
height: 462px;
background-image: url('../../assets/images/room-widgets/camera-widget/camera-spritesheet.png');
background-image: url('/images/room-widgets/camera-widget/camera-spritesheet.png');
background-position: -1px -1px;
z-index: 2;
@ -43,7 +43,7 @@
cursor: pointer;
margin-top: 362px;
background-image: url('../../assets/images/room-widgets/camera-widget/camera-spritesheet.png');
background-image: url('/images/room-widgets/camera-widget/camera-spritesheet.png');
background-position: -343px -321px;
&:hover {
@ -56,7 +56,7 @@
}
.camera-view-finder {
background-image: url('../../assets/images/room-widgets/camera-widget/camera-spritesheet.png');
background-image: url('/images/room-widgets/camera-widget/camera-spritesheet.png');
background-position: -343px -1px;
}

2
src/components/campaign/CampaignView.scss
View File

@ -13,7 +13,7 @@
.campaign-spritesheet {
display: block;
background: transparent url("../../assets/images/campaign/campaign_spritesheet.png") no-repeat;
background: transparent url('/images/campaign/campaign_spritesheet.png') no-repeat;
&.available {
width: 69px;

8
src/components/catalog/CatalogView.scss
View File

@ -2,7 +2,7 @@
width: $catalog-width;
height: $catalog-height;
font[size="16"] {
font[size='16'] {
font-size: 20px;
}
@ -69,14 +69,14 @@
.info-loyalty-content {
background-repeat: no-repeat;
background-position: top right;
background-image: url('../../assets/images/catalog/diamond_info_illustration.gif');
background-image: url('/images/catalog/diamond_info_illustration.gif');
padding-right:123px;
}
.info-image {
width: 123px;
height:350px;
background-image: url('../../assets/images/catalog/diamond_info_illustration.gif');
background-image: url('/images/catalog/diamond_info_illustration.gif');
}
}
@ -89,7 +89,7 @@
.icon-hc-banner {
width: 68px;
height: 40px;
background: url("../../assets/images/catalog/hc_big.png") center no-repeat;
background: url('/images/catalog/hc_big.png') center no-repeat;
}
}
}

4
src/components/friends/FriendsView.scss
View File

@ -1,5 +1,5 @@
.nitro-friends-spritesheet {
background: url('../../assets/images/friends/friends-spritesheet.png') transparent no-repeat;
background: url('/images/friends/friends-spritesheet.png') transparent no-repeat;
&.icon-friendbar-visit {
width: 21px; height: 21px;
@ -137,7 +137,7 @@
left: 5px;
width: 31px;
height: 34px;
background-image: url('../../assets/images/toolbar/friend-search.png');
background-image: url('/images/toolbar/friend-search.png');
}
}
}

4
src/components/groups/GroupView.scss
View File

@ -1,7 +1,7 @@
.nitro-group-tab-image {
width: 122px;
height: 68px;
background: url('../../assets/images/groups/creator_images.png') no-repeat;
background: url('/images/groups/creator_images.png') no-repeat;
&.tab-1 {
background-position: 0px 0px;
@ -145,7 +145,7 @@
.tab {
position: relative;
margin-left: -6px;
background-image: url('../../assets/images/groups/creator_tabs.png');
background-image: url('/images/groups/creator_tabs.png');
background-repeat: no-repeat;
&:first-child {

4
src/components/guide-tool/GuideToolView.scss
View File

@ -5,7 +5,7 @@
width: 38px;
height: 21px;
cursor: pointer;
background-image: url(../../assets/images/guide-tool/guide_tool_duty_switch.png);
background-image: url('/images/guide-tool/guide_tool_duty_switch.png');
&.off {
background-position: 0px -22px;
@ -15,7 +15,7 @@
.info-icon {
width: 23px;
height: 24px;
background-image: url(../../assets/images/guide-tool/guide_tool_info_icon.png);
background-image: url('/images/guide-tool/guide_tool_info_icon.png');
}
.chat-messages {

8
src/components/hc-center/HcCenterView.scss
View File

@ -5,7 +5,7 @@
.hc-logo {
width: 213px;
height: 37px;
background-image: url("../../assets/images/hc-center/hc_logo.gif");
background-image: url('/images/hc-center/hc_logo.gif');
}
.payday-special {
@ -15,7 +15,7 @@
.payday {
width: 222px;
height: 150px;
background-image: url("../../assets/images/hc-center/payday.png");
background-image: url('/images/hc-center/payday.png');
z-index: 3;
color: #6b3502;
}
@ -23,7 +23,7 @@
.clock {
width: 24px;
height: 24px;
background-image: url("../../assets/images/hc-center/clock.png");
background-image: url('/images/hc-center/clock.png');
}
.streak-info {
@ -36,7 +36,7 @@
}
.benefits {
background-image: url("../../assets/images/hc-center/benefits.png");
background-image: url('/images/hc-center/benefits.png');
background-position: right top;
background-repeat: no-repeat;
height: 100%;

2
src/components/help/HelpView.scss
View File

@ -3,7 +3,7 @@
width: $help-width;
.index-image {
background: url('../../assets/images/help/help_index.png');
background: url('/images/help/help_index.png');
width: 126px;
height: 105px;
}

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

@ -3,7 +3,7 @@
height: $inventory-height;
.empty-image {
background: url('../../assets/images/inventory/empty.png');
background: url('/images/inventory/empty.png');
width: 129px;
height: 181px;
}

2
src/components/loading/LoadingView.scss
View File

@ -9,7 +9,7 @@
margin: auto;
right: 0;
left: 0;
background: url('../../assets/images/loading/connecting-duck-spritesheet.png') no-repeat top left;
background: url('/images/loading/connecting-duck-spritesheet.png') no-repeat top left;
width: 235px;
height: 127px;
animation: 1.5s connecting-duck infinite step-end;

8
src/components/room/widgets/RoomWidgets.scss
View File

@ -71,25 +71,25 @@
}
.word-quiz-dislike {
background: url("../../../assets/images/room-widgets/wordquiz-widget/thumbs-down.png");
background: url('/images/room-widgets/wordquiz-widget/thumbs-down.png');
width: 31px;
height: 34px;
}
.word-quiz-like {
background: url("../../../assets/images/room-widgets/wordquiz-widget/thumbs-up.png");
background: url('/images/room-widgets/wordquiz-widget/thumbs-up.png');
width: 31px;
height: 34px;
}
.word-quiz-dislike-sm {
background: url("../../../assets/images/room-widgets/wordquiz-widget/thumbs-down-small.png");
background: url('/images/room-widgets/wordquiz-widget/thumbs-down-small.png');
width: 22px;
height: 22px;
}
.word-quiz-like-sm {
background: url("../../../assets/images/room-widgets/wordquiz-widget/thumbs-up-small.png");
background: url('/images/room-widgets/wordquiz-widget/thumbs-up-small.png');
height: 22px;
width: 22px;
}

4
src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss
View File

@ -7,7 +7,7 @@
align-items: center;
width: 122px;
height: 130px;
background: url('../../../../assets/images/room-widgets/avatar-info/preview-background.png') no-repeat center;
background: url('/images/room-widgets/avatar-info/preview-background.png') no-repeat center;
.pet-image {
width: 122px;
@ -17,7 +17,7 @@
.monsterplant-image {
width: 122px;
height: 130px;
background: url('../../../../assets/images/room-widgets/furni-context-menu/monsterplant-preview.png') no-repeat center;
background: url('/images/room-widgets/furni-context-menu/monsterplant-preview.png') no-repeat center;
}
}
}

244
src/components/room/widgets/chat/ChatWidgetView.scss
View File

@ -98,16 +98,16 @@
}
&.bubble-0 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_0_transparent.png');
border-image-source: url('/images/chat/chatbubbles/bubble_0_transparent.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
background: url('/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
bottom: -5px;
}
}
&.bubble-1 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_1.png');
border-image-source: url('/images/chat/chatbubbles/bubble_1.png');
border-image-slice: 18 6 6 29 fill;
border-image-width: 18px 6px 6px 29px;
@ -122,12 +122,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
background: url('/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
}
}
&.bubble-2, &.bubble-31 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_2.png');
border-image-source: url('/images/chat/chatbubbles/bubble_2.png');
.user-container {
display: none;
@ -142,53 +142,53 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_2_31_pointer.png');
background: url('/images/chat/chatbubbles/bubble_2_31_pointer.png');
height: 7px;
}
}
&.bubble-3 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_3.png');
border-image-source: url('/images/chat/chatbubbles/bubble_3.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_3_pointer.png');
background: url('/images/chat/chatbubbles/bubble_3_pointer.png');
}
}
&.bubble-4 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_4.png');
border-image-source: url('/images/chat/chatbubbles/bubble_4.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_4_pointer.png');
background: url('/images/chat/chatbubbles/bubble_4_pointer.png');
}
}
&.bubble-5 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_5.png');
border-image-source: url('/images/chat/chatbubbles/bubble_5.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_5_pointer.png');
background: url('/images/chat/chatbubbles/bubble_5_pointer.png');
}
}
&.bubble-6 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_6.png');
border-image-source: url('/images/chat/chatbubbles/bubble_6.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_6_pointer.png');
background: url('/images/chat/chatbubbles/bubble_6_pointer.png');
}
}
&.bubble-7 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_7.png');
border-image-source: url('/images/chat/chatbubbles/bubble_7.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_7_pointer.png');
background: url('/images/chat/chatbubbles/bubble_7_pointer.png');
}
}
&.bubble-8 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_8.png');
border-image-source: url('/images/chat/chatbubbles/bubble_8.png');
border-image-slice: 20 6 6 27 fill;
border-image-width: 20px 6px 6px 27px;
@ -199,12 +199,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_8_pointer.png');
background: url('/images/chat/chatbubbles/bubble_8_pointer.png');
}
}
&.bubble-9 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_9.png');
border-image-source: url('/images/chat/chatbubbles/bubble_9.png');
border-image-slice: 17 18 12 19 fill;
border-image-width: 17px 18px 12px 19px;
@ -215,7 +215,7 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_9_pointer.png');
background: url('/images/chat/chatbubbles/bubble_9_pointer.png');
width: 7px;
height: 10px;
bottom: -6px;
@ -223,7 +223,7 @@
}
&.bubble-10 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_10.png');
border-image-source: url('/images/chat/chatbubbles/bubble_10.png');
border-image-slice: 29 18 8 37 fill;
border-image-width: 29px 18px 8px 37px;
@ -235,7 +235,7 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_10_pointer.png');
background: url('/images/chat/chatbubbles/bubble_10_pointer.png');
width: 7px;
height: 8px;
bottom: -3px;
@ -243,80 +243,80 @@
}
&.bubble-11 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_11.png');
border-image-source: url('/images/chat/chatbubbles/bubble_11.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_11_pointer.png');
background: url('/images/chat/chatbubbles/bubble_11_pointer.png');
}
}
&.bubble-12 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_12.png');
border-image-source: url('/images/chat/chatbubbles/bubble_12.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_12_pointer.png');
background: url('/images/chat/chatbubbles/bubble_12_pointer.png');
}
}
&.bubble-13 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_13.png');
border-image-source: url('/images/chat/chatbubbles/bubble_13.png');
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_13_pointer.png');
background: url('/images/chat/chatbubbles/bubble_13_pointer.png');
}
}
&.bubble-14 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_14.png');
border-image-source: url('/images/chat/chatbubbles/bubble_14.png');
.chat-content {
color: #fff;
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_14_pointer.png');
background: url('/images/chat/chatbubbles/bubble_14_pointer.png');
}
}
&.bubble-15 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_15.png');
border-image-source: url('/images/chat/chatbubbles/bubble_15.png');
.chat-content {
color: #fff;
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_15_pointer.png');
background: url('/images/chat/chatbubbles/bubble_15_pointer.png');
}
}
&.bubble-16 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_16.png');
border-image-source: url('/images/chat/chatbubbles/bubble_16.png');
border-image-slice: 13 6 10 31 fill;
border-image-width: 13px 6px 10px 31px;
border-image-outset: 6px 0px 0px 0px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_16_pointer.png');
background: url('/images/chat/chatbubbles/bubble_16_pointer.png');
height: 8px;
}
}
&.bubble-17 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_17.png');
border-image-source: url('/images/chat/chatbubbles/bubble_17.png');
border-image-slice: 24 6 8 35 fill;
border-image-width: 24px 6px 8px 35px;
border-image-outset: 9px 0px 2px 5px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_17_pointer.png');
background: url('/images/chat/chatbubbles/bubble_17_pointer.png');
}
}
&.bubble-18 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_18.png');
border-image-source: url('/images/chat/chatbubbles/bubble_18.png');
border-image-slice: 7 16 8 16 fill;
border-image-width: 7px 16px 8px 16px;
@ -327,13 +327,13 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_18_pointer.png');
background: url('/images/chat/chatbubbles/bubble_18_pointer.png');
height: 8px;
}
}
&.bubble-19 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_19.png');
border-image-source: url('/images/chat/chatbubbles/bubble_19.png');
border-image-slice: 17 6 9 19 fill;
border-image-width: 17px 6px 9px 19px;
@ -344,12 +344,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_19_20_pointer.png');
background: url('/images/chat/chatbubbles/bubble_19_20_pointer.png');
}
}
&.bubble-20 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_20.png');
border-image-source: url('/images/chat/chatbubbles/bubble_20.png');
border-image-slice: 18 6 8 19 fill;
border-image-width: 18px 6px 8px 19px;
@ -360,12 +360,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_19_20_pointer.png');
background: url('/images/chat/chatbubbles/bubble_19_20_pointer.png');
}
}
&.bubble-21 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_21.png');
border-image-source: url('/images/chat/chatbubbles/bubble_21.png');
border-image-slice: 20 6 12 24 fill;
border-image-width: 20px 6px 12px 24px;
@ -376,13 +376,13 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_21_pointer.png');
background: url('/images/chat/chatbubbles/bubble_21_pointer.png');
bottom: -4px;
}
}
&.bubble-22 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_22.png');
border-image-source: url('/images/chat/chatbubbles/bubble_22.png');
border-image-slice: 18 19 11 33 fill;
border-image-width: 18px 19px 11px 33px;
@ -393,24 +393,24 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_22_pointer.png');
background: url('/images/chat/chatbubbles/bubble_22_pointer.png');
}
}
&.bubble-23 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_23.png');
border-image-source: url('/images/chat/chatbubbles/bubble_23.png');
border-image-slice: 16 6 7 32 fill;
border-image-width: 16px 6px 7px 32px;
border-image-outset: 5px 0px 0px 3px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_23_37_pointer.png');
background: url('/images/chat/chatbubbles/bubble_23_37_pointer.png');
}
}
&.bubble-24 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_24.png');
border-image-source: url('/images/chat/chatbubbles/bubble_24.png');
border-image-slice: 23 8 6 40 fill;
border-image-width: 23px 8px 6px 40px;
@ -422,13 +422,13 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_24_pointer.png');
background: url('/images/chat/chatbubbles/bubble_24_pointer.png');
bottom: -4px;
}
}
&.bubble-25 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_25.png');
border-image-source: url('/images/chat/chatbubbles/bubble_25.png');
border-image-slice: 10 13 8 28 fill;
border-image-width: 10px 13px 8px 28px;
@ -439,14 +439,14 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_25_pointer.png');
background: url('/images/chat/chatbubbles/bubble_25_pointer.png');
height: 9px;
bottom: -7px;
}
}
&.bubble-26 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_26.png');
border-image-source: url('/images/chat/chatbubbles/bubble_26.png');
border-image-slice: 16 9 8 29 fill;
border-image-width: 16px 9px 8px 29px;
@ -458,14 +458,14 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_26_pointer.png');
background: url('/images/chat/chatbubbles/bubble_26_pointer.png');
height: 10px;
bottom: -6px;
}
}
&.bubble-27 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_27.png');
border-image-source: url('/images/chat/chatbubbles/bubble_27.png');
border-image-slice: 25 6 5 36 fill;
border-image-width: 25px 6px 5px 36px;
@ -477,12 +477,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_27_pointer.png');
background: url('/images/chat/chatbubbles/bubble_27_pointer.png');
}
}
&.bubble-28 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_28.png');
border-image-source: url('/images/chat/chatbubbles/bubble_28.png');
border-image-slice: 16 7 7 27 fill;
border-image-width: 16px 7px 7px 27px;
@ -493,50 +493,50 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_28_pointer.png');
background: url('/images/chat/chatbubbles/bubble_28_pointer.png');
}
}
&.bubble-29 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_29.png');
border-image-source: url('/images/chat/chatbubbles/bubble_29.png');
border-image-slice: 10 7 15 31 fill;
border-image-width: 10px 7px 15px 31px;
border-image-outset: 2px 0px 0px 1px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_29_pointer.png');
background: url('/images/chat/chatbubbles/bubble_29_pointer.png');
bottom: -4px;
}
}
&.bubble-30 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_30.png');
border-image-source: url('/images/chat/chatbubbles/bubble_30.png');
.user-container {
display: none;
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_30_pointer.png');
background: url('/images/chat/chatbubbles/bubble_30_pointer.png');
height: 7px;
}
}
&.bubble-32 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_32.png');
border-image-source: url('/images/chat/chatbubbles/bubble_32.png');
border-image-slice: 15 7 7 30 fill;
border-image-width: 15px 7px 7px 30px;
border-image-outset: 2px 0px 0px 0px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_32_pointer.png');
background: url('/images/chat/chatbubbles/bubble_32_pointer.png');
}
}
&.bubble-33 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_33_34.png');
border-image-source: url('/images/chat/chatbubbles/bubble_33_34.png');
border-image-slice: 7 6 6 39 fill;
border-image-width: 7px 6px 6px 39px;
@ -557,16 +557,16 @@
height: 19px;
left: 9px;
top: 2px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_33_extra.png');
background: url('/images/chat/chatbubbles/bubble_33_extra.png');
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
background: url('/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
}
}
&.bubble-34 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_33_34.png');
border-image-source: url('/images/chat/chatbubbles/bubble_33_34.png');
border-image-slice: 7 6 6 39 fill;
border-image-width: 7px 6px 6px 39px;
@ -599,16 +599,16 @@
height: 19px;
left: 9px;
top: 2px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_34_extra.png');
background: url('/images/chat/chatbubbles/bubble_34_extra.png');
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
background: url('/images/chat/chatbubbles/bubble_0_1_33_34_pointer.png');
}
}
&.bubble-35 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_35.png');
border-image-source: url('/images/chat/chatbubbles/bubble_35.png');
border-image-slice: 19 6 5 29 fill;
border-image-width: 19px 6px 5px 29px;
@ -619,12 +619,12 @@
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_35_pointer.png');
background: url('/images/chat/chatbubbles/bubble_35_pointer.png');
}
}
&.bubble-36 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_36.png');
border-image-source: url('/images/chat/chatbubbles/bubble_36.png');
border-image-slice: 17 7 5 30 fill;
border-image-width: 17px 7px 5px 30px;
@ -641,28 +641,28 @@
height: 18px;
left: 5px;
top: 2px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_36_extra.png');
background: url('/images/chat/chatbubbles/bubble_36_extra.png');
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_36_pointer.png');
background: url('/images/chat/chatbubbles/bubble_36_pointer.png');
}
}
&.bubble-37 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_37.png');
border-image-source: url('/images/chat/chatbubbles/bubble_37.png');
border-image-slice: 16 6 7 32 fill;
border-image-width: 16px 6px 7px 32px;
border-image-outset: 5px 0px 0px 3px;
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_23_37_pointer.png');
background: url('/images/chat/chatbubbles/bubble_23_37_pointer.png');
}
}
&.bubble-38 {
border-image-source: url('../../../../assets/images/chat/chatbubbles/bubble_38.png');
border-image-source: url('/images/chat/chatbubbles/bubble_38.png');
border-image-slice: 17 7 5 30 fill;
border-image-width: 17px 7px 5px 30px;
@ -679,11 +679,11 @@
height: 19px;
left: 3px;
top: 2px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_38_extra.png');
background: url('/images/chat/chatbubbles/bubble_38_extra.png');
}
.pointer {
background: url('../../../../assets/images/chat/chatbubbles/bubble_38_pointer.png');
background: url('/images/chat/chatbubbles/bubble_38_pointer.png');
}
}
@ -725,136 +725,136 @@
background-position: center;
&.bubble-0 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_0.png');
background-image: url('/images/chat/chatbubbles/bubble_0.png');
}
&.bubble-1 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_1.png');
background-image: url('/images/chat/chatbubbles/bubble_1.png');
height: 25px;
}
&.bubble-2, &.bubble-31 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_2.png');
background-image: url('/images/chat/chatbubbles/bubble_2.png');
}
&.bubble-3 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_3.png');
background-image: url('/images/chat/chatbubbles/bubble_3.png');
}
&.bubble-4 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_4.png');
background-image: url('/images/chat/chatbubbles/bubble_4.png');
}
&.bubble-5 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_5.png');
background-image: url('/images/chat/chatbubbles/bubble_5.png');
}
&.bubble-6 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_6.png');
background-image: url('/images/chat/chatbubbles/bubble_6.png');
}
&.bubble-7 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_7.png');
background-image: url('/images/chat/chatbubbles/bubble_7.png');
}
&.bubble-8 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_8.png');
background-image: url('/images/chat/chatbubbles/bubble_8.png');
}
&.bubble-9 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_9.png');
background-image: url('/images/chat/chatbubbles/bubble_9.png');
}
&.bubble-10 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_10.png');
background-image: url('/images/chat/chatbubbles/bubble_10.png');
}
&.bubble-11 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_11.png');
background-image: url('/images/chat/chatbubbles/bubble_11.png');
}
&.bubble-12 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_12.png');
background-image: url('/images/chat/chatbubbles/bubble_12.png');
}
&.bubble-13 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_13.png');
background-image: url('/images/chat/chatbubbles/bubble_13.png');
}
&.bubble-14 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_14.png');
background-image: url('/images/chat/chatbubbles/bubble_14.png');
}
&.bubble-15 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_15.png');
background-image: url('/images/chat/chatbubbles/bubble_15.png');
}
&.bubble-16 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_16.png');
background-image: url('/images/chat/chatbubbles/bubble_16.png');
}
&.bubble-17 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_17.png');
background-image: url('/images/chat/chatbubbles/bubble_17.png');
}
&.bubble-18 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_18.png');
background-image: url('/images/chat/chatbubbles/bubble_18.png');
}
&.bubble-19 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_19.png');
background-image: url('/images/chat/chatbubbles/bubble_19.png');
}
&.bubble-20 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_20.png');
background-image: url('/images/chat/chatbubbles/bubble_20.png');
}
&.bubble-21 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_21.png');
background-image: url('/images/chat/chatbubbles/bubble_21.png');
}
&.bubble-22 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_22.png');
background-image: url('/images/chat/chatbubbles/bubble_22.png');
}
&.bubble-23 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_23.png');
background-image: url('/images/chat/chatbubbles/bubble_23.png');
}
&.bubble-24 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_24.png');
background-image: url('/images/chat/chatbubbles/bubble_24.png');
}
&.bubble-25 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_25.png');
background-image: url('/images/chat/chatbubbles/bubble_25.png');
}
&.bubble-26 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_26.png');
background-image: url('/images/chat/chatbubbles/bubble_26.png');
}
&.bubble-27 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_27.png');
background-image: url('/images/chat/chatbubbles/bubble_27.png');
}
&.bubble-28 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_28.png');
background-image: url('/images/chat/chatbubbles/bubble_28.png');
}
&.bubble-29 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_29.png');
background-image: url('/images/chat/chatbubbles/bubble_29.png');
}
&.bubble-30 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_30.png');
background-image: url('/images/chat/chatbubbles/bubble_30.png');
}
&.bubble-32 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_32.png');
background-image: url('/images/chat/chatbubbles/bubble_32.png');
}
&.bubble-33 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_33_34.png');
background-image: url('/images/chat/chatbubbles/bubble_33_34.png');
&::before {
content: ' ';
@ -863,12 +863,12 @@
height: 19px;
left: 11px;
top: 10px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_33_extra.png');
background: url('/images/chat/chatbubbles/bubble_33_extra.png');
}
}
&.bubble-34 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_33_34.png');
background-image: url('/images/chat/chatbubbles/bubble_33_34.png');
&::before {
content: ' ';
@ -877,16 +877,16 @@
height: 19px;
left: 11px;
top: 10px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_34_extra.png');
background: url('/images/chat/chatbubbles/bubble_34_extra.png');
}
}
&.bubble-35 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_35.png');
background-image: url('/images/chat/chatbubbles/bubble_35.png');
}
&.bubble-36 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_36.png');
background-image: url('/images/chat/chatbubbles/bubble_36.png');
&::before {
content: ' ';
@ -895,16 +895,16 @@
height: 18px;
left: 13px;
top: 10px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_36_extra.png');
background: url('/images/chat/chatbubbles/bubble_36_extra.png');
}
}
&.bubble-37 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_35.png');
background-image: url('/images/chat/chatbubbles/bubble_35.png');
}
&.bubble-38 {
background-image: url('../../../../assets/images/chat/chatbubbles/bubble_38.png');
background-image: url('/images/chat/chatbubbles/bubble_38.png');
&::before {
content: ' ';
@ -913,7 +913,7 @@
height: 19px;
left: 11px;
top: 10px;
background: url('../../../../assets/images/chat/chatbubbles/bubble_38_extra.png');
background: url('/images/chat/chatbubbles/bubble_38_extra.png');
}
}
}

6
src/components/room/widgets/furniture/FurnitureWidgets.scss
View File

@ -17,7 +17,7 @@
.dimmer-banner {
width: 56px;
height: 79px;
background: url('../../../../assets/images/room-widgets/dimmer-widget/dimmer_banner.png') center no-repeat;
background: url('/images/room-widgets/dimmer-widget/dimmer_banner.png') center no-repeat;
}
.color-swatch {
@ -36,7 +36,7 @@
height: $nitro-widget-exchange-credit-height;
.exchange-image {
background-image: url('../../../../assets/images/room-widgets/exchange-credit/exchange-credit-image.png');
background-image: url('/images/room-widgets/exchange-credit/exchange-credit-image.png');
width: 103px;
height: 103px;
}
@ -63,7 +63,7 @@
align-items: center;
width: 83px;
height: 130px;
background-image: url('../../../../assets/images/room-widgets/mannequin-widget/mannequin-spritesheet.png');
background-image: url('/images/room-widgets/mannequin-widget/mannequin-spritesheet.png');
overflow: hidden;
}

6
src/components/room/widgets/furniture/friend-furni/FurnitureFriendFurniView.scss
View File

@ -5,14 +5,14 @@
width: 31px;
height: 39px;
background-position: -380px -43px;
background-image: url('../../../../../assets/images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
background-image: url('..//images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
}
.engraving-lock-stage-2 {
width: 36px;
height: 43px;
background-position: -375px 0px;
background-image: url('../../../../../assets/images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
background-image: url('..//images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
}
}
@ -20,7 +20,7 @@
width: 375px;
height: 210px;
background-position: 0px 0px;
background-image: url('../../../../../assets/images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
background-image: url('..//images/room-widgets/engraving-lock-widget/engraving-lock-spritesheet.png');
color: #622e54;
font-weight: bold;

4
src/components/room/widgets/furniture/stickie/FurnitureStickieView.scss
View File

@ -58,7 +58,7 @@
}
.nitro-stickie-image {
background-image: url('../../../../../assets/images/room-widgets/stickie-widget/stickie-spritesheet.png');
background-image: url('..//images/room-widgets/stickie-widget/stickie-spritesheet.png');
&.stickie-blue,
&.stickie-yellow,
@ -73,7 +73,7 @@
}
&.stickie-yellow {
background-image: url('../../../../../assets/images/room-widgets/stickie-widget/stickie-yellow.png');
background-image: url('..//images/room-widgets/stickie-widget/stickie-yellow.png');
//background-position: -191px -184px;
}

2
src/components/room/widgets/infostand/InfoStandWidgetView.scss
View File

@ -35,7 +35,7 @@
}
&.bot {
background-image: url('../../../../assets/images/infostand/bot_background.png');
background-image: url('/images/infostand/bot_background.png');
background-repeat: no-repeat;
background-position: center;
}

2
src/components/user-profile/UserProfileVew.scss
View File

@ -44,7 +44,7 @@
}
.no-group-spritesheet {
background: transparent url('../../assets/images/groups/no-group-spritesheet.png') no-repeat;
background: transparent url('/images/groups/no-group-spritesheet.png') no-repeat;
&.image-1 {
width: 95px;

20
src/components/wired/WiredView.scss
View File

@ -8,47 +8,47 @@
&.icon-mv-1 {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_around.png');
background-image: url('/images/wired/icon_wired_around.png');
}
&.icon-mv-2 {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_up_down.png');
background-image: url('/images/wired/icon_wired_up_down.png');
}
&.icon-mv-3 {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_left_right.png');
background-image: url('/images/wired/icon_wired_left_right.png');
}
&.icon-ne {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_north_east.png');
background-image: url('/images/wired/icon_wired_north_east.png');
}
&.icon-se {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_south_east.png');
background-image: url('/images/wired/icon_wired_south_east.png');
}
&.icon-sw {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_south_west.png');
background-image: url('/images/wired/icon_wired_south_west.png');
}
&.icon-nw {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_north_west.png');
background-image: url('/images/wired/icon_wired_north_west.png');
}
&.icon-rot-1 {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_rotate_clockwise.png');
background-image: url('/images/wired/icon_wired_rotate_clockwise.png');
}
&.icon-rot-2 {
width: 16px;
height: 9px;
background-image: url('../../assets/images/wired/icon_wired_rotate_counter_clockwise.png');
background-image: url('/images/wired/icon_wired_rotate_counter_clockwise.png');
}
}
@ -117,7 +117,7 @@
height: 6px;
width: 6px;
position: absolute;
background-image: url('../../assets/images/wired/card-action-corners.png');
background-image: url('/images/wired/card-action-corners.png');
}
&::before {

2
src/styles/fontawesome/_variables.scss vendored
View File

@ -1,7 +1,7 @@
// Variables
// --------------------------
$fa-font-path: "webfonts" !default;
$fa-font-path: "/webfonts" !default;
$fa-font-size-base: 16px !default;
$fa-font-display: block !default;
$fa-css-prefix: fa !default;

2
yarn.lock
View File

@ -1095,7 +1095,7 @@
exec-sh "^0.3.2"
minimist "^1.2.0"
"@craco/craco@^6.3.0":
"@craco/craco@^6.4.3":
version "6.4.3"
resolved "https://registry.yarnpkg.com/@craco/craco/-/craco-6.4.3.tgz#784395b6ebab764056550a2860494d24c3abd44e"
integrity sha512-RzkXYmNzRCGUyG7mM+IUMM+nvrpSfA34352sPSGQN76UivAmCAht3sI4v5JKgzO05oUK9Zwi6abCKD7iKXI8hQ==