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