docs: fix layout and list-style for Safari (#221)

deco-sites · Dec 19, 2023 · 22aefa5 · 22aefa5
1 parent 7f9fb6a
commit 22aefa5
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 18 deletions.
diff --git a/components/decohelp/pages/ui/Content/Content.tsx b/components/decohelp/pages/ui/Content/Content.tsx
@@ -74,7 +74,7 @@ export default function Page({
   WasThisPageHelpful,
 }: Props & WasThisPageHelpfulProps) {
   return (
-    <div class="mx-auto relative lg:mb-[40px] mb-[32px] lg:border-l-2 lg:border-[#D4DBD7] lg:px-[40px]">
+    <div class="mx-auto relative lg:mb-[40px] mb-[32px] lg:border-l-2 lg:border-[#D4DBD7] lg:px-[40px] lg:max-w-[calc((100vw-300px))]">
       {/* <BreadCrumb homePath={homePath} homeLabel={homeLabel} /> */}
       <div class="w-full">
         <div class="w-full xl:px-0 lg:pl-0 px-6 relative z-0">

diff --git a/docs/toc.ts b/docs/toc.ts
@@ -280,10 +280,10 @@ const tableOfContents: TableOfContents = [
       },
       {
         title: {
-          pt: "Dicas para atingir uma alta performance",
-          en: "Performance tips",
+          pt: "Aprenda a usar a técnica de SVG sprites para otimizar a performance do seu site",
+          en: "Learn how to use the SVG sprites technique to optimize the performance of your website",
         },
-        slug: "performance/tips",
+        slug: "performance/tips/svg-sprites",
       },
       {
         title: {

diff --git a/sections/Page.tsx b/sections/Page.tsx
@@ -12,7 +12,7 @@ export default function (props: SectionProps) {
 
   return (
     <div
-      class={`grid xl:grid-page-desktop lg:grid-page-tablet grid-page-mobile w-full mx-auto max-w-[1440px] lg:pt-[140px]`}
+      class={`flex lg:flex-row flex-col w-full mx-auto max-w-[1440px] lg:pt-[140px]`}
     >
       {renderSection(props.SectionSidebar, 0)}
       {renderSection(props.SectionContent, 1)}

diff --git a/static/tailwind.css b/static/tailwind.css
diff --git a/tailwind.css b/tailwind.css
@@ -92,21 +92,13 @@
     transform: rotate(90deg);
   }
 
-  .grid-page-desktop {
-    grid-template-columns: 26.945% auto 23.195%;
-  }
-
-  .grid-page-tablet {
-    grid-template-columns: 30.835% auto;
-  }
-
-  .grid-page-mobile {
-    grid-template-columns: 1fr;
-  }
-
   .coding div pre {
     max-width: calc(100vw - 80px);
   }
+
+  .markdown-body ol {
+    list-style: decimal; /* Safari */
+  }
 }
 
 @layer components {}