diff --git a/craco.config.js b/craco.config.js index 7c2d368e..fda5a9a7 100644 --- a/craco.config.js +++ b/craco.config.js @@ -2,6 +2,11 @@ module.exports = { eslint: { enable: false }, + style: { + css: { + loaderOptions: O => { return { url: false } } + } + }, webpack: { configure: (webpackConfig) => ({ ...webpackConfig, diff --git a/package.json b/package.json index 1a4a54aa..bfd1b0b4 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/src/common/index.scss b/src/common/index.scss index 81c975df..ef95ad82 100644 --- a/src/common/index.scss +++ b/src/common/index.scss @@ -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 { diff --git a/src/components/achievements/AchievementsView.scss b/src/components/achievements/AchievementsView.scss index f4d9606a..d0d696ef 100644 --- a/src/components/achievements/AchievementsView.scss +++ b/src/components/achievements/AchievementsView.scss @@ -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; } diff --git a/src/components/avatar-editor/AvatarEditorView.scss b/src/components/avatar-editor/AvatarEditorView.scss index 3b8b6304..80dd85d7 100644 --- a/src/components/avatar-editor/AvatarEditorView.scss +++ b/src/components/avatar-editor/AvatarEditorView.scss @@ -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; diff --git a/src/components/camera/CameraWidgetView.scss b/src/components/camera/CameraWidgetView.scss index 6ad9b68a..42c8d364 100644 --- a/src/components/camera/CameraWidgetView.scss +++ b/src/components/camera/CameraWidgetView.scss @@ -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; } diff --git a/src/components/campaign/CampaignView.scss b/src/components/campaign/CampaignView.scss index 0510102b..9ccd5512 100644 --- a/src/components/campaign/CampaignView.scss +++ b/src/components/campaign/CampaignView.scss @@ -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; diff --git a/src/components/catalog/CatalogView.scss b/src/components/catalog/CatalogView.scss index 039460be..867c89df 100644 --- a/src/components/catalog/CatalogView.scss +++ b/src/components/catalog/CatalogView.scss @@ -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; } } } diff --git a/src/components/friends/FriendsView.scss b/src/components/friends/FriendsView.scss index ef599254..10829db8 100644 --- a/src/components/friends/FriendsView.scss +++ b/src/components/friends/FriendsView.scss @@ -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'); } } } diff --git a/src/components/groups/GroupView.scss b/src/components/groups/GroupView.scss index d57b0d0e..5dc57880 100644 --- a/src/components/groups/GroupView.scss +++ b/src/components/groups/GroupView.scss @@ -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 { diff --git a/src/components/guide-tool/GuideToolView.scss b/src/components/guide-tool/GuideToolView.scss index ace0b4d8..19c28383 100644 --- a/src/components/guide-tool/GuideToolView.scss +++ b/src/components/guide-tool/GuideToolView.scss @@ -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 { diff --git a/src/components/hc-center/HcCenterView.scss b/src/components/hc-center/HcCenterView.scss index cc49d1ec..f1cf4482 100644 --- a/src/components/hc-center/HcCenterView.scss +++ b/src/components/hc-center/HcCenterView.scss @@ -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%; diff --git a/src/components/help/HelpView.scss b/src/components/help/HelpView.scss index 5335a6ad..7ac460b3 100644 --- a/src/components/help/HelpView.scss +++ b/src/components/help/HelpView.scss @@ -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; } diff --git a/src/components/inventory/InventoryView.scss b/src/components/inventory/InventoryView.scss index 8796e67f..d409ddcf 100644 --- a/src/components/inventory/InventoryView.scss +++ b/src/components/inventory/InventoryView.scss @@ -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; } diff --git a/src/components/loading/LoadingView.scss b/src/components/loading/LoadingView.scss index bd63beae..e7c34b26 100644 --- a/src/components/loading/LoadingView.scss +++ b/src/components/loading/LoadingView.scss @@ -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; diff --git a/src/components/room/widgets/RoomWidgets.scss b/src/components/room/widgets/RoomWidgets.scss index 5ed221cc..ef781ed5 100644 --- a/src/components/room/widgets/RoomWidgets.scss +++ b/src/components/room/widgets/RoomWidgets.scss @@ -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; } diff --git a/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss b/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss index 737bf54c..fd0bf161 100644 --- a/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss +++ b/src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss @@ -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; } } } diff --git a/src/components/room/widgets/chat/ChatWidgetView.scss b/src/components/room/widgets/chat/ChatWidgetView.scss index d2b8c923..9e3d8b9d 100644 --- a/src/components/room/widgets/chat/ChatWidgetView.scss +++ b/src/components/room/widgets/chat/ChatWidgetView.scss @@ -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'); } } } diff --git a/src/components/room/widgets/furniture/FurnitureWidgets.scss b/src/components/room/widgets/furniture/FurnitureWidgets.scss index b6a09bcf..3dd919d5 100644 --- a/src/components/room/widgets/furniture/FurnitureWidgets.scss +++ b/src/components/room/widgets/furniture/FurnitureWidgets.scss @@ -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; } diff --git a/src/components/room/widgets/furniture/friend-furni/FurnitureFriendFurniView.scss b/src/components/room/widgets/furniture/friend-furni/FurnitureFriendFurniView.scss index eb6d8987..03835928 100644 --- a/src/components/room/widgets/furniture/friend-furni/FurnitureFriendFurniView.scss +++ b/src/components/room/widgets/furniture/friend-furni/FurnitureFriendFurniView.scss @@ -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; diff --git a/src/components/room/widgets/furniture/stickie/FurnitureStickieView.scss b/src/components/room/widgets/furniture/stickie/FurnitureStickieView.scss index 95c8aecd..9c4f34cb 100644 --- a/src/components/room/widgets/furniture/stickie/FurnitureStickieView.scss +++ b/src/components/room/widgets/furniture/stickie/FurnitureStickieView.scss @@ -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; } diff --git a/src/components/room/widgets/infostand/InfoStandWidgetView.scss b/src/components/room/widgets/infostand/InfoStandWidgetView.scss index 2e57c0c0..53577932 100644 --- a/src/components/room/widgets/infostand/InfoStandWidgetView.scss +++ b/src/components/room/widgets/infostand/InfoStandWidgetView.scss @@ -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; } diff --git a/src/components/user-profile/UserProfileVew.scss b/src/components/user-profile/UserProfileVew.scss index 659ead77..fce919b7 100644 --- a/src/components/user-profile/UserProfileVew.scss +++ b/src/components/user-profile/UserProfileVew.scss @@ -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; diff --git a/src/components/wired/WiredView.scss b/src/components/wired/WiredView.scss index 11232733..29681984 100644 --- a/src/components/wired/WiredView.scss +++ b/src/components/wired/WiredView.scss @@ -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 { diff --git a/src/styles/fontawesome/_variables.scss b/src/styles/fontawesome/_variables.scss index fb012077..79d02834 100644 --- a/src/styles/fontawesome/_variables.scss +++ b/src/styles/fontawesome/_variables.scss @@ -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; diff --git a/yarn.lock b/yarn.lock index a656a628..7e086989 100644 --- a/yarn.lock +++ b/yarn.lock @@ -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==