Merge pull request 'fix: workaround for sticky image container header' (#9100) from Feinzer/calckey:develop into develop

Reviewed-on: https://codeberg.org/thatonecalculator/calckey/pulls/9100
This commit is contained in:
Kainoa Kanter 2022-11-11 05:45:15 +01:00
commit 0d6532712a

View file

@ -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;