mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-29 08:21:20 +00:00
Tidy up feed cards on small screens
This commit is contained in:
parent
a0ce858692
commit
444e46a52f
@ -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
|
||||
|
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user