mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-18 19:23:40 +00:00
Give cards a slight border
This commit is contained in:
parent
482ed81229
commit
5c5152ae85
@ -121,3 +121,5 @@
|
|||||||
- [ ] Trim feeds once the user scrolls way down to save on memory
|
- [ ] Trim feeds once the user scrolls way down to save on memory
|
||||||
- [ ] Don't lose feeds when navigating, persist modals. Remember scroll state
|
- [ ] Don't lose feeds when navigating, persist modals. Remember scroll state
|
||||||
- [ ] Offline-first
|
- [ ] Offline-first
|
||||||
|
- [ ] Add support for nests https://nostrnests.com/
|
||||||
|
- nevent1qqs2jm46m9tg9z33av4fp8hhapsx96234htz75wrvpvrax5jjl8m5usprfmhxue69uhhyetvv9ujumn0wd68yurvv438xtnrdaksy4d92m
|
||||||
|
@ -10,8 +10,8 @@
|
|||||||
on:click
|
on:click
|
||||||
in:fly={{y: 20}}
|
in:fly={{y: 20}}
|
||||||
class={cx($$props.class, "card p-3 text-white rounded-2xl bg-dark", {
|
class={cx($$props.class, "card p-3 text-white rounded-2xl bg-dark", {
|
||||||
'bg-dark': !invertColors,
|
'bg-dark border border-solid border-medium': !invertColors,
|
||||||
'bg-medium': invertColors,
|
'bg-medium border border-solid border-shimmer': invertColors,
|
||||||
"cursor-pointer transition-all": interactive,
|
"cursor-pointer transition-all": interactive,
|
||||||
"hover:bg-medium": interactive && !invertColors,
|
"hover:bg-medium": interactive && !invertColors,
|
||||||
})}>
|
})}>
|
||||||
|
@ -309,7 +309,7 @@
|
|||||||
|
|
||||||
if (lastChild) {
|
if (lastChild) {
|
||||||
const height = (
|
const height = (
|
||||||
64
|
66
|
||||||
+ getHeight(childrenContainer)
|
+ getHeight(childrenContainer)
|
||||||
- getHeight(lastChild)
|
- getHeight(lastChild)
|
||||||
- getHeight(lastChild.nextElementSibling)
|
- getHeight(lastChild.nextElementSibling)
|
||||||
|
@ -16,6 +16,7 @@ module.exports = {
|
|||||||
white: "#FFFCF2",
|
white: "#FFFCF2",
|
||||||
accent: "#EB5E28",
|
accent: "#EB5E28",
|
||||||
light: "#CCC5B9",
|
light: "#CCC5B9",
|
||||||
|
shimmer: "#544e46",
|
||||||
medium: "#403D39",
|
medium: "#403D39",
|
||||||
dark: "#252422",
|
dark: "#252422",
|
||||||
danger: "#ff0000",
|
danger: "#ff0000",
|
||||||
|
Loading…
Reference in New Issue
Block a user