fix: workaround for sticky image container header
This commit is contained in:
parent
7715f4f081
commit
060a7e477f
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<MkContainer :max-height="300" :foldable="true">
|
<MkContainer id="photos-container" :max-height="300" :foldable="true">
|
||||||
<template #header><i class="ph-image-bold ph-lg" style="margin-right: 0.5em;"></i>{{ i18n.ts.images }}</template>
|
<template #header><i class="ph-image-bold ph-lg" style="margin-right: 0.5em;"></i>{{ i18n.ts.images }}</template>
|
||||||
<div class="ujigsodd">
|
<div class="ujigsodd">
|
||||||
<MkLoading v-if="fetching"/>
|
<MkLoading v-if="fetching"/>
|
||||||
|
@ -73,6 +73,10 @@ onMounted(() => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
#photos-container {
|
||||||
|
--stickyTop: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.ujigsodd {
|
.ujigsodd {
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue