nostr/coracle
1
0
Fork 0
mirror of https://github.com/coracle-social/coracle.git synced 2024-09-29 08:21:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tidy up feed cards on small screens

Browse Source
This commit is contained in:
Jon Staab 2024-08-21 14:21:54 -07:00
parent a0ce858692
commit 444e46a52f
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/shared/FeedCard.svelte
View File

@ -46,11 +46,11 @@
</script>
<Card class="flex gap-3">
<div class="mt-[6px]">
<div class="mt-[6px] hidden sm:block">
<i class="fa fa-rss fa-2xl" />
</div>
<FlexColumn small>
<div class="flex justify-between">
<div class="flex justify-between flex-col sm:flex-row">
<span class="flex items-start gap-3">
<div>
<Anchor on:click={loadFeed} class="staatliches text-xl">
@ -79,7 +79,7 @@
<PersonCircles class="h-6 w-6" pubkeys={favoritedPubkeys.slice(0, 20)} />
</div>
{/if}
<div class="mt-2 flex items-start justify-between">
<div class="mt-2 flex items-start justify-between flex-col sm:flex-row" on:click|stopPropagation>
<FeedSummary feed={feed.definition} />
<div class="flex gap-1">
<div

2
src/app/shared/NoteActions.svelte
View File

@ -332,7 +332,7 @@
<Popover theme="transparent" opts={{hideOnClick: true}}>
<button
slot="trigger"
class="relative flex h-6 items-center gap-1 pt-1 transition-all hover:pb-1 hover:pt-0">
class="relative flex h-6 items-center gap-1 pt-1 transition-all hover:pb-1 hover:pt-0 hidden sm:block">
<i class="fa fa-up-right-from-square fa-sm" />
</button>
<div slot="tooltip" class="max-h-[300px] min-w-[180px] overflow-auto">