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 }) => (
|
||||
<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 };
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue