summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/user
diff options
context:
space:
mode:
authordakkar <dakkar@thenautilus.net>2024-11-23 10:41:33 +0000
committerdakkar <dakkar@thenautilus.net>2024-11-23 10:41:33 +0000
commit6c13dc04f2d1a7b192d42d5b2a02fddbeb3617c7 (patch)
tree307fcabbac6985abb8d59fa5c16ce021d1c1c7c4 /packages/frontend/src/pages/user
parentfix some lints for frontend (diff)
parentmerge: Move `cypress` to `optionalDependencies` (!697) (diff)
downloadsharkey-6c13dc04f2d1a7b192d42d5b2a02fddbeb3617c7.tar.gz
sharkey-6c13dc04f2d1a7b192d42d5b2a02fddbeb3617c7.tar.bz2
sharkey-6c13dc04f2d1a7b192d42d5b2a02fddbeb3617c7.zip
Merge branch 'develop' into feature/2024.10
Diffstat (limited to 'packages/frontend/src/pages/user')
-rw-r--r--packages/frontend/src/pages/user/recent-notes.vue23
1 files changed, 18 insertions, 5 deletions
diff --git a/packages/frontend/src/pages/user/recent-notes.vue b/packages/frontend/src/pages/user/recent-notes.vue
index c16a1c5fed..d636068408 100644
--- a/packages/frontend/src/pages/user/recent-notes.vue
+++ b/packages/frontend/src/pages/user/recent-notes.vue
@@ -4,16 +4,15 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
-<MkStickyContainer ref="userScroll">
+<MkStickyContainer>
<template #header>
<MkPageHeader :actions="headerActions" :displayBackButton="true"/>
</template>
- <SkUserRecentNotes ref="userRecentNotes" :userId="userId" :withNonPublic="withNonPublic" :withQuotes="withQuotes" :withBots="withBots" :withReplies="withReplies" :onlyFiles="onlyFiles"/>
+ <SkUserRecentNotes ref="userRecentNotes" :class="$style.notes" :userId="userId" :withNonPublic="withNonPublic" :withQuotes="withQuotes" :withBots="withBots" :withReplies="withReplies" :onlyFiles="onlyFiles"/>
</MkStickyContainer>
</template>
<script setup lang="ts">
-
import { computed, shallowRef } from 'vue';
import { definePageMetadata } from '@/scripts/page-metadata.js';
import { i18n } from '@/i18n.js';
@@ -21,7 +20,7 @@ import { PageHeaderItem } from '@/types/page-header.js';
import MkPageHeader from '@/components/global/MkPageHeader.vue';
import SkUserRecentNotes from '@/components/SkUserRecentNotes.vue';
import { acct } from '@/filters/user.js';
-import { createModel, createOptions } from '@/scripts/following-feed-utils.js';
+import { createModel, createHeaderItem } from '@/scripts/following-feed-utils.js';
import MkStickyContainer from '@/components/global/MkStickyContainer.vue';
defineProps<{
@@ -45,7 +44,7 @@ const headerActions: PageHeaderItem[] = [
text: i18n.ts.reload,
handler: () => userRecentNotes.value?.reload(),
},
- createOptions(),
+ createHeaderItem(),
];
// Based on user/index.vue
@@ -64,3 +63,17 @@ definePageMetadata(() => ({
} : {},
}));
</script>
+
+<style lang="scss" module>
+@container (min-width: 451px) {
+ .notes {
+ padding: 12px;
+ }
+}
+
+@container (min-width: 750px) {
+ .notes {
+ padding: 24px;
+ }
+}
+</style>