mirror of https://github.com/mue/mue.git
fix(background): Offline images
This commit is contained in:
parent
dacb11d935
commit
6e85da363c
|
@ -1,5 +1,13 @@
|
||||||
const Panel = ({ children, type }) => (
|
const Panel = ({ children, type }) => (
|
||||||
<section> {type === 'content' ? <div className="content">{children}</div> : children}</section>
|
<section className={type}>
|
||||||
|
{type === 'content' ? (
|
||||||
|
<div className="content">{children}</div>
|
||||||
|
) : type === 'aside' ? (
|
||||||
|
<>{children}</>
|
||||||
|
) : (
|
||||||
|
children
|
||||||
|
)}
|
||||||
|
</section>
|
||||||
);
|
);
|
||||||
|
|
||||||
export { Panel as default, Panel };
|
export { Panel as default, Panel };
|
||||||
|
|
|
@ -32,7 +32,7 @@
|
||||||
grid-template-rows: repeat(1, 1fr);
|
grid-template-rows: repeat(1, 1fr);
|
||||||
grid-gap: 0;
|
grid-gap: 0;
|
||||||
|
|
||||||
section:nth-child(1) {
|
section.aside {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -42,7 +42,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
section:nth-child(2) {
|
section.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
|
@ -22,7 +22,7 @@ export function offlineBackground(type) {
|
||||||
];
|
];
|
||||||
|
|
||||||
const object = {
|
const object = {
|
||||||
url: `./offline-images/${randomImage}.webp`,
|
url: `src/assets/offline-images/${randomImage}.webp`,
|
||||||
type,
|
type,
|
||||||
photoInfo: {
|
photoInfo: {
|
||||||
offline: true,
|
offline: true,
|
||||||
|
|
Loading…
Reference in New Issue