update ui

Author: zzq0826

src/components/PageContent/Feedback.tsx

@@ -37,7 +37,7 @@ export const Feedback = () => {
     }
     setRating(selectedNumber + 1)
     setIsSent(false)
-    const path = "https://leancloud.scroll.io/1.1/classes/Feedback"
+    const path = "https://hviedclg.api.lncldglobal.com/1.1/classes/Feedback"
     const data = {
       rating: selectedNumber,
       time: Date.now(),
@@ -65,7 +65,7 @@ export const Feedback = () => {
       url: window.location.href,
     }
 
-    const path = "https://leancloud.scroll.io/1.1/classes/Feedback"
+    const path = "https://hviedclg.api.lncldglobal.com/1.1/classes/Feedback"
     setIsSubmitting(true)
     fetch(path, {
       method: "POST",
@@ -90,6 +90,8 @@ export const Feedback = () => {
             }}
             style={{
               cursor: "pointer",
+              // marginRight: "10px",
+              marginLeft: "10px",
             }}
           >
             {rating >= i + 1 ? star : starOutline}
@@ -119,7 +121,7 @@ export const Feedback = () => {
                 <textarea
                   name="msg"
                   rows="4"
-                  style={{ borderWidth: " 0", padding: "15px", caretColor: "#C4C4C4", outline: "none" }}
+                  style={{ borderWidth: " 0", padding: "15px", caretColor: "#C4C4C4", outline: "none", fontSize: "1rem" }}
                 />
                 <button
                   className={button.primary}

src/components/RightSidebar/RightSidebar.astro

@@ -34,13 +34,15 @@ const { content, githubEditUrl, headings, clientSideToc } = Astro.props
   }
 
   .sidebar-nav-inner {
-    padding: 0 20px 70px;
+    padding: 16px 20px 70px 4px;
     overflow: auto;
     background: #fff0dd;
     border-radius: 1em;
-    width: 250px;
     float: right;
-    @apply pt-doc;
+    width: 280px;
+    /* width: 250px; */
+    max-height: 100%;
+    /* @apply pt-doc; */
   }
   .sidebar-nav-inner > * {
     margin-top: 1rem;

src/pages/[lang]/[...slug].astro

@@ -38,9 +38,11 @@ export async function getStaticPaths() {
 let page = Astro.props
 let params = Astro.params
 // Only call render if page is not translated
-let Content
+let Content, headings
 if (!page.notTranslated) {
-  Content = (await page.render()).Content
+  const render = await page.render()
+  Content = render.Content
+  headings = render.headings
 } else {
   changeLanguage(params.lang)
 }
@@ -53,7 +55,7 @@ const content = {
 
 {
   Content ? (
-    <MainLayout content={content} headings={[]}>
+    <MainLayout content={content} headings={headings}>
       <Content />
     </MainLayout>
   ) : (

src/styles/index.css

@@ -268,16 +268,17 @@ img {
 }
 
 h2.heading {
-  font-size: 1rem;
+  font-size: 18px;
   font-weight: 700;
   padding: 0.1rem 1rem;
   /* text-transform: uppercase; */
   margin-bottom: 0.5rem;
 }
 
 .header-link {
-  font-size: 1rem;
-  padding: 0.1rem 0 0.1rem 1rem;
+  font-size: 18px;
+  line-height: normal;
+  padding: 0 0 10px 1rem;
   margin-left: 1rem;
   border-color: var(--black-100);
   @apply border-0 border-l-[4px] border-solid;
@@ -319,6 +320,10 @@ h2.heading {
   color: inherit;
   text-decoration: none;
 }
+.header-link a span {
+  font-size: 18px;
+  line-height: normal;
+}
 
 /* Screenreader Only Text */
 .sr-only {