Merge branch 'preview'

pdelfan · Mar 12, 2024 · 2cf775b · 2cf775b
2 parents 2ca874e + cf03fcf
commit 2cf775b
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/components/contentDisplay/feedList/FeedListSkeleton.tsx b/src/components/contentDisplay/feedList/FeedListSkeleton.tsx
@@ -1,6 +1,6 @@
 function Skeleton() {
   return (
-    <article className="border-skin-base flex flex-col gap-2 border p-3 last:border-b md:first:rounded-t-2xl md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0">
+    <article className="border-skin-base flex flex-col gap-2 border border-x-0 p-3 last:border-b md:border-x md:first:rounded-t-2xl md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0">
       <div className="flex flex-wrap items-center gap-3">
         <div className="bg-skin-muted h-10 w-10 rounded-lg" />
         <div className="flex flex-col gap-3">

diff --git a/src/components/contentDisplay/lists/ListsSkeleton.tsx b/src/components/contentDisplay/lists/ListsSkeleton.tsx
@@ -6,7 +6,7 @@ function Skeleton(props: Props) {
   const { rounded = true } = props;
   return (
     <article
-      className={`border-skin-base flex flex-col gap-2 border p-3 last:border-b ${
+      className={`border-skin-base flex flex-col gap-2 border border-x-0 p-3 last:border-b md:border-x ${
         rounded ? "first:border-t md:first:rounded-t-2xl" : "first:border-t-0"
       } md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0`}
     >

diff --git a/src/components/contentDisplay/profileHeader/ProfileHeader.tsx b/src/components/contentDisplay/profileHeader/ProfileHeader.tsx
@@ -52,7 +52,7 @@ export default function ProfileHeader(props: Props) {
         <ProfileHeaderSkeleton />
       )}
       {profile && contentFilter && (
-        <section className="md:border-skin-base overflow-hidden border-0 border-y md:rounded-t-2xl md:border-x">
+        <section className="border-skin-base overflow-hidden border-0 border-y md:rounded-t-2xl md:border-x">
           <div className="relative">
             {isBlocked || hasBlockedYou ? (
               <Image

diff --git a/src/components/contentDisplay/savedFeedList/SavedFeedListSkeleton.tsx b/src/components/contentDisplay/savedFeedList/SavedFeedListSkeleton.tsx
@@ -1,6 +1,6 @@
 function Skeleton() {
   return (
-    <article className="border-skin-base flex animate-pulse items-center justify-between gap-2 border p-3 last:border-b md:first:rounded-t-2xl md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0">
+    <article className="border-skin-base flex animate-pulse items-center justify-between gap-2 border border-x-0 p-3 last:border-b md:border-x md:first:rounded-t-2xl md:last:rounded-b-2xl odd:[&:not(:last-child)]:border-b-0 even:[&:not(:last-child)]:border-b-0">
       <div className="flex flex-wrap items-center gap-3">
         <div className="bg-skin-muted h-10 w-10 rounded-lg" />
         <div className="bg-skin-muted h-4 w-32 rounded-full" />

diff --git a/src/components/inputs/editor/Editor.tsx b/src/components/inputs/editor/Editor.tsx
@@ -120,7 +120,7 @@ export default function Editor(props: Props) {
   if (!editor) return null;
 
   return (
-    <section className="border-skin-base animate-fade-up animate-duration-200 bg-skin-base md:border-skin-base fixed bottom-0 z-50 h-full w-full overflow-auto rounded-t-3xl p-3 shadow-2xl md:h-fit md:max-h-[80svh] md:border-t">
+    <section className="border-skin-base animate-fade-up animate-duration-200 bg-skin-base fixed bottom-0 z-50 h-full w-full overflow-auto rounded-t-3xl p-3 shadow-2xl md:h-fit md:max-h-[80svh] md:border-t">
       <div className="mx-auto max-w-2xl">
         <TopEditorBar
           onClose={onCancel}