Adjust some styles

dalurness · Nov 16, 2024 · 4382abf · 4382abf
1 parent 6f504b5
commit 4382abf
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 11 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,8 @@
 {
   "editor.formatOnSave": true,
   "editor.tabSize": 2,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[astro]": {
+    "editor.defaultFormatter": "astro-build.astro-vscode"
+  }
 }
diff --git a/src/components/Calendar.tsx b/src/components/Calendar.tsx
@@ -96,7 +96,7 @@ export function Calendar({ current, className }: CalendarProps) {
                 "flex flex-col items-start w-full h-full px-3 py-2 relative focus:z-10 !text-yeti-dark !no-underline break-words",
                 current <= day && "bg-white hover:bg-yeti-light-1",
                 current > day &&
-                  "bg-yeti-dark-1 hover:bg-yeti-dark-3 !text-white",
+                  "bg-yeti-dark-1 hover:bg-yeti-dark-3 !text-white after:absolute after:inset-0 after:bg-strike-out",
                 i === dates.length - 7 && "rounded-bl-lg",
                 i === dates.length - 1 && "rounded-br-lg"
               )}
@@ -116,9 +116,6 @@ export function Calendar({ current, className }: CalendarProps) {
                   {titles[day]}
                 </div>
               )}
-              {current > day && (
-                <span className="absolute w-full h-px bg-yeti-dark top-1/2 left-0 right-0 -rotate-45"></span>
-              )}
             </Link>
           );
         })}

diff --git a/src/layouts/LayoutNavbar.astro b/src/layouts/LayoutNavbar.astro
@@ -21,9 +21,14 @@ const { title, day } = Astro.props;
       [&_a]:text-yeti-light-9 [&_a:hover]:underline
       [&_pre:has(code)]:p-4 [&_pre]:rounded-lg [&_pre]:!bg-yeti-dark-7 [&_pre]:!text-white
       [&_:not(pre)>code]:bg-yeti-dark-7 [&_:not(pre)>code]:text-white [&_:not(pre)>code]:rounded [&_:not(pre)>code]:px-1
-      [&_ul]:list-disc [&_ul]:list-inside
-      [&_ol]:list-decimal [&_ol]:list-inside
-      [&_ul_ul]:ml-4 [&_ul_ol]:ml-4 [&_ol_ol]:ml-4 [&_ol_ul]:ml-4"
+      [&_ul]:list-disc [&_ul]:pl-5
+      [&_ol]:list-decimal [&_ol]:pl-5
+      [&_table]:border [&_table]:border-yeti-dark-1
+      [&_table]:divide-y-2 [&_table]:divide-yeti-dark-1 [&_table_tbody]:divide-y [&_table_tbody]:divide-yeti-dark-1
+      [&_table_tr]:divide-x [&_table_tr]:divide-yeti-dark-1
+      [&_table_tr:nth-child(odd)]:bg-yeti-light-3
+      [&_table_th]:py-2 [&_table_th]:px-3
+      [&_table_td]:py-2 [&_table_td]:px-3"
   >
     <slot />
   </div>

diff --git a/src/pages/day/[day]/solution/[username].astro b/src/pages/day/[day]/solution/[username].astro
@@ -1,7 +1,7 @@
 ---
 import { getCollection } from "astro:content";
 import LayoutNavbarLayout from "../../../../layouts/LayoutNavbar.astro";
-import QuestionLayout from "../../../../components/Question.astro";
+import Question from "../../../../components/Question.astro";
 import { Link } from "../../../../components/Link";
 
 export async function getStaticPaths() {
@@ -42,7 +42,7 @@ const { Content } = await entry.render();
       <Content />
     </div>
   </div>
-  <QuestionLayout day={day} title={title}>
+  <Question day={day} title={title}>
     <QuestionContent />
-  </QuestionLayout>
+  </Question>
 </LayoutNavbarLayout>
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -29,6 +29,9 @@ export default {
       fontFamily: {
         poppins: ["Poppins", ...defaultTheme.fontFamily.sans],
       },
+      backgroundImage: ({ theme }) => ({
+        "strike-out": `linear-gradient(to top left, transparent calc(50% - 1px), ${theme("colors.yeti.dark.7")}, transparent calc(50% + 1px))`,
+      }),
     },
   },
   plugins: [],