nostr/coracle
1
0
Fork 0
mirror of https://github.com/coracle-social/coracle.git synced 2024-09-29 16:31:04 +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> </script>
<Card class="flex gap-3"> <Card class="flex gap-3">
<div class="mt-[6px]"> <div class="mt-[6px] hidden sm:block">
<i class="fa fa-rss fa-2xl" /> <i class="fa fa-rss fa-2xl" />
</div> </div>
<FlexColumn small> <FlexColumn small>
<div class="flex justify-between"> <div class="flex justify-between flex-col sm:flex-row">
<span class="flex items-start gap-3"> <span class="flex items-start gap-3">
<div> <div>
<Anchor on:click={loadFeed} class="staatliches text-xl"> <Anchor on:click={loadFeed} class="staatliches text-xl">
@ -79,7 +79,7 @@
<PersonCircles class="h-6 w-6" pubkeys={favoritedPubkeys.slice(0, 20)} /> <PersonCircles class="h-6 w-6" pubkeys={favoritedPubkeys.slice(0, 20)} />
</div> </div>
{/if} {/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} /> <FeedSummary feed={feed.definition} />
<div class="flex gap-1"> <div class="flex gap-1">
<div <div

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

@ -332,7 +332,7 @@
<Popover theme="transparent" opts={{hideOnClick: true}}> <Popover theme="transparent" opts={{hideOnClick: true}}>
<button <button
slot="trigger" 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" /> <i class="fa fa-up-right-from-square fa-sm" />
</button> </button>
<div slot="tooltip" class="max-h-[300px] min-w-[180px] overflow-auto"> <div slot="tooltip" class="max-h-[300px] min-w-[180px] overflow-auto">