Commit 8e141e9

HPCesia <me@hpcesia.com>
2025-02-09 09:06:16
perf: card border radius
1 parent 843c639
Changed files (4)
src
components
pages
styles
src/components/misc/License.astro
@@ -29,7 +29,7 @@ const infomations = [
 ];
 ---
 
-<div class="card card-bordered border-primary/10 bg-primary/25 my-4 rounded-xl border-2">
+<div class="card card-bordered border-primary/10 bg-primary/25 my-4 border-2">
   <div class="card-body grid grid-cols-2 gap-x-4 p-4 text-lg">
     {
       infomations.map((info) => (
src/components/widgets/PostCard.astro
@@ -48,7 +48,7 @@ const metas: ({ icon: string; text: string; link?: string } | undefined)[] = [
 
 <div
   class:list={[
-    'card card-bordered border-base-300 md:card-side flex w-full rounded-xl border-2 max-md:flex-col-reverse',
+    'card card-bordered border-base-300 md:card-side flex w-full border-2 max-md:flex-col-reverse',
     className,
   ]}
 >
src/pages/posts/[article].astro
@@ -35,7 +35,7 @@ const description = article.data.description || remarkPluginFrontmatter.excerpt;
       class="mx-2 mt-4"
     />
   </Fragment>
-  <div class="card card-bordered border-base-300 rounded-xl border-2 px-6 py-4">
+  <div class="card card-bordered border-base-300 border-2 px-6 py-4">
     <Markdown>
       <Content />
     </Markdown>
src/styles/global.css
@@ -1,12 +1,13 @@
 @import 'tailwindcss';
 
 @plugin 'daisyui' {
-  themes: light --default dark --prefersdark;
+  themes:
+    light --default,
+    dark --prefersdark;
 }
 
 @plugin 'daisyui/theme' {
   name: 'light';
-  default: false;
 
   --color-primary: #bc4d2e;
   --color-primary-content: #fefedb;
@@ -14,10 +15,15 @@
   --color-secondary-content: #111;
   --color-accent: #742c22;
   --color-accent-content: #fff;
-  --color-base-100: #fffffd;
-  --color-base-200: #f6e7d2;
-  --color-base-300: #e6c9ac;
+  --color-base-100: #eeedea;
+  --color-base-200: #e6e2de;
+  --color-base-300: #dad5d0;
   --color-base-content: #111;
+
+  /* Border Radius */
+  --radius-selector: 0.5rem;
+  --radius-field: 1rem;
+  --radius-box: 1rem;
 }
 
 @plugin 'daisyui/theme' {
@@ -33,6 +39,11 @@
   --color-base-200: #18192a;
   --color-base-300: #11121f;
   --color-base-content: #eee;
+
+  /* Border Radius */
+  --radius-selector: 0.5rem;
+  --radius-field: 1rem;
+  --radius-box: 1rem;
 }
 
 @custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] * ));