a tool for shared writing and social publishing
little tweaks and massaging the breakpoint logic again
+5
-5
+4
-4
components/Cards.tsx
+4
-4
components/Cards.tsx
···
82
82
<>
83
83
{!props.first && (
84
84
<div
85
-
className="w-6 md:snap-center"
85
+
className="w-6 lg:snap-center"
86
86
onClick={(e) => {
87
87
e.currentTarget === e.target && blurCard();
88
88
}}
···
100
100
backgroundColor: "rgba(var(--bg-card), var(--bg-card-alpha))",
101
101
}}
102
102
className={`
103
-
card w-[calc(100vw-12px)] md:w-[calc(50vw-32px)] max-w-prose
103
+
card w-[calc(100vw-12px)] sm:w-[calc(100vw-128px)] lg:w-[calc(50vw-32px)] max-w-prose
104
104
sm:pt-0 pt-2
105
105
grow flex flex-col
106
106
overscroll-y-none
···
128
128
const CardOptions = (props: { entityID: string }) => {
129
129
let permission = useEntitySetContext().permissions.write;
130
130
return (
131
-
<div className=" z-0 w-fit absolute sm:top-2 sm:-right-5 top-0 right-3 flex sm:flex-col flex-row-reverse gap-1 items-start">
131
+
<div className=" z-0 w-fit absolute sm:top-2 sm:-right-[18px] top-0 right-3 flex sm:flex-col flex-row-reverse gap-1 items-start">
132
132
<button
133
-
className="p-0.5 bg-border text-bg-card sm:rounded-r-md sm:rounded-l-none rounded-b-md hover:bg-accent hover:text-accentText "
133
+
className="p-0.5 pl-0 bg-border text-bg-card sm:rounded-r-md sm:rounded-l-none rounded-b-md hover:bg-accent hover:text-accentText "
134
134
onClick={() => {
135
135
useUIState.getState().closeCard(props.entityID);
136
136
}}
-1
components/Toolbar/index.tsx
-1
components/Toolbar/index.tsx