HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: workaround for sticky image container header

Browse source
This commit is contained in:
Daniel Hernández 2022-11-10 21:50:29 -04:00
parent 7715f4f081
commit 060a7e477f
No known key found for this signature in database
GPG key ID: 1FE6E4A6C61D7B31
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/client/src/pages/user/index.photos.vue
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;