refactor: edit style of customization link

AmirMahdyJebreily · Nov 22, 2024 · ef66bad · ef66bad
1 parent 0ffccc0
commit ef66bad
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/assets/out.css b/assets/out.css
@@ -755,6 +755,10 @@ code {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
@@ -765,6 +769,11 @@ code {
   height: 1.25rem;
 }
 
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
 .w-11\/12 {
   width: 91.666667%;
 }
@@ -882,6 +891,11 @@ code {
   padding-right: 1.5rem;
 }
 
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }

diff --git a/index.html b/index.html
@@ -45,12 +45,12 @@ <h2 class="font-bold text-4xl pb-2 text-center tracking-tighter">صحت سنجی
                 <h2 class="text-lg font-semibold p-2" id="why-regex">اوپراتور ها را شخصی سازی کنید!</h2>
                 <p class="text-sm font-light p-1 pb-4">با توجه به اینکه ممکن است نخواهید تمام امکانات تشخیص اوپراتور این
                     رجکس ها را در پروژه های خود استفاده کنید، ابزار زیر به شما کمک میکند تا رجکس های خود را شخصی سازی
-                    کنید:</p>
-                <a class="w-full flex justify-center items-center gap-2 border border-teal-700 text-teal-900 px-6 py-2 rounded-lg cursor-pointer hover:bg-teal-700 hover:text-white"
+                    کنید:<a class="inline-flex justify-center items-center gap-2 text-teal-900 px-2 rounded-lg cursor-pointer hover:bg-teal-700 hover:text-white"
                     href="./customization.html">
                     <span>شخصی سازی رجکس ها</span>
-                    <i-edit class="size-5"></i-edit>
+                    <i-edit class="size-4"></i-edit>
                 </a>
+            </p>
 
 
                 <h2 class="text-lg font-semibold p-2 pt-6" id="why-regex">چرا رجکس؟</h2>