merged-empty-header

src/components/Author/AuthorCard/AuthorCard.module.scss

@@ -18,6 +18,7 @@
 
   .authorName {
     @include font-size(4rem);
+
     font-weight: 700;
     margin-bottom: 1.2rem;
   }

src/components/Author/AuthorCard/AuthorCard.tsx

@@ -193,12 +193,12 @@ export const AuthorCard = (props: Props) => {
           <Show when={props.author.bio}>
             <div class={styles.authorAbout} innerHTML={props.author.bio} />
           </Show>
-          <Show when={props.followers?.length > 0 || props.following?.length > 0}>
+          <Show when={props.followers?.length > 0 || props.flatFollows?.length > 0}>
             <div class={styles.subscribersContainer}>
               <Subscribers
                 followers={props.followers}
                 followersAmount={props.author?.stat?.followers}
-                following={props.following}
+                following={props.flatFollows}
                 followingAmount={props.author?.stat?.authors}
               />
             </div>

src/components/Feed/Placeholder/Placeholder.module.scss

@@ -1,7 +1,9 @@
 .placeholder {
   border-radius: 2.2rem;
   display: flex;
+
   @include font-size(1.4rem);
+
   font-weight: 500;
   overflow: hidden;
   position: relative;
@@ -15,7 +17,9 @@
     align-items: center;
     border-radius: 1.2rem;
     display: flex;
+
     @include font-size(1.5rem);
+
     gap: 0.6rem;
     margin-top: 3rem;
     padding: 1rem 2rem;
@@ -33,7 +37,7 @@
   flex-direction: column;
   text-align: center;
 
-  &:after {
+  &::after {
     bottom: 0;
     content: '';
     height: 20%;
@@ -42,11 +46,11 @@
     width: 100%;
 
     .placeholder--feed & {
-      background: linear-gradient(to top, #171032, rgba(23, 16, 50, 0));
+      background: linear-gradient(to top, #171032, rgb(23 16 50 / 0%));
     }
 
     .placeholder--feedCollaborations & {
-      background: linear-gradient(to top, #070709, rgba(7, 7, 9, 0));
+      background: linear-gradient(to top, #070709, rgb(7 7 9 / 0%));
     }
   }
 
@@ -79,7 +83,9 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+
     @include font-size(2rem);
+
     line-height: 1.2;
     padding: 3rem;
   }
@@ -187,7 +193,9 @@
 
 .bottomLinks {
   display: flex;
+
   @include font-size(1.6rem);
+
   gap: 4rem;
 
   a {

src/components/Topic/Full.module.scss

@@ -13,6 +13,7 @@
 
 .topicDescription {
   @include font-size(1.8rem);
+
   line-height: 1.4;
   margin: 1rem 0 2rem;
 }

src/components/Views/Author/Author.tsx

@@ -275,9 +275,7 @@ export const AuthorView = (props: Props) => {
           </div>
         </Match>
         <Match when={getPage().route === 'author'}>
-          <Show
+          <Show when={me()?.slug === props.authorSlug && !sortedArticles().length}>
-            when={session()?.user?.app_data?.profile?.slug === props.authorSlug && !sortedArticles().length}
-          >
             <div class="wide-container">
               <Placeholder type={getPage().route} mode="profile" />
             </div>