Update config checklist to properly center
This commit is contained in:
parent
9bb1cf3af8
commit
112b879731
|
@ -8,28 +8,9 @@
|
||||||
} from "@budibase/bbui"
|
} from "@budibase/bbui"
|
||||||
import { admin } from "stores/portal"
|
import { admin } from "stores/portal"
|
||||||
import { goto } from "@roxi/routify"
|
import { goto } from "@roxi/routify"
|
||||||
import { onMount } from "svelte"
|
|
||||||
|
|
||||||
let width = window.innerWidth
|
|
||||||
$: side = width < 500 ? "right" : "left"
|
|
||||||
|
|
||||||
const resizeObserver = new ResizeObserver(entries => {
|
|
||||||
if (entries?.[0]) {
|
|
||||||
width = entries[0].contentRect?.width
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
onMount(() => {
|
|
||||||
const doc = document.documentElement
|
|
||||||
resizeObserver.observe(doc)
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
resizeObserver.unobserve(doc)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<ActionMenu align={side}>
|
<ActionMenu align="right">
|
||||||
<div slot="control" class="icon">
|
<div slot="control" class="icon">
|
||||||
<ProgressCircle size="S" value={$admin.onboardingProgress} />
|
<ProgressCircle size="S" value={$admin.onboardingProgress} />
|
||||||
</div>
|
</div>
|
||||||
|
@ -60,5 +41,6 @@
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
margin-bottom: -4px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue