diff --git a/src/features/modals/welcome/components/Layout/Panel.jsx b/src/features/modals/welcome/components/Layout/Panel.jsx
index 05beebd8..2f988954 100644
--- a/src/features/modals/welcome/components/Layout/Panel.jsx
+++ b/src/features/modals/welcome/components/Layout/Panel.jsx
@@ -1,5 +1,13 @@
const Panel = ({ children, type }) => (
- {type === 'content' ? {children}
: children}
+
+ {type === 'content' ? (
+ {children}
+ ) : type === 'aside' ? (
+ <>{children}>
+ ) : (
+ children
+ )}
+
);
export { Panel as default, Panel };
diff --git a/src/features/modals/welcome/welcome.scss b/src/features/modals/welcome/welcome.scss
index c64434ea..df3857e9 100644
--- a/src/features/modals/welcome/welcome.scss
+++ b/src/features/modals/welcome/welcome.scss
@@ -32,7 +32,7 @@
grid-template-rows: repeat(1, 1fr);
grid-gap: 0;
- section:nth-child(1) {
+ section.aside {
display: flex;
align-items: center;
justify-content: center;
@@ -42,7 +42,7 @@
}
}
- section:nth-child(2) {
+ section.content {
display: flex;
flex-flow: column;
justify-content: space-between;
diff --git a/src/utils/background/getOfflineImage.js b/src/utils/background/getOfflineImage.js
index b4b545b3..fb598d9e 100644
--- a/src/utils/background/getOfflineImage.js
+++ b/src/utils/background/getOfflineImage.js
@@ -22,7 +22,7 @@ export function offlineBackground(type) {
];
const object = {
- url: `./offline-images/${randomImage}.webp`,
+ url: `src/assets/offline-images/${randomImage}.webp`,
type,
photoInfo: {
offline: true,