From 27d095fd902de790f3e209834de2ece0dc77de82 Mon Sep 17 00:00:00 2001
From: rustdesk <info@rustdesk.com>
Date: Tue, 15 Oct 2024 23:34:52 +0800
Subject: [PATCH] fix style

---
 v3/src/pages/index.astro   | 8 ++++----
 v3/src/pages/pricing.astro | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/v3/src/pages/index.astro b/v3/src/pages/index.astro
index e0af21c..f2df890 100644
--- a/v3/src/pages/index.astro
+++ b/v3/src/pages/index.astro
@@ -143,19 +143,19 @@ const metadata = {
     items={[
       {
         title: 'Step 1: Install Docker',
-        description: '<pre class="text-gray-600 dark:text-gray-500">bash <(wget -qO- https://get.docker.com)</pre>',
+        description: '<code class="text-gray-600 dark:text-gray-500">bash <(wget -qO- https://get.docker.com)</code>',
         icon: 'tabler:package',
       },
       {
         title: 'Step 2: Download compose.yml',
-        description: `<pre class="text-gray-600 dark:text-gray-500">wget rustdesk.com/oss.yml -O compose.yml</pre>
+        description: `<code class="text-gray-600 dark:text-gray-500">wget rustdesk.com/oss.yml -O compose.yml</code>
           <p class="text-center text-sm">or</p>
-          <pre class="text-gray-600 dark:text-gray-500">wget rustdesk.com/pro.yml -O compose.yml</pre>`,
+          <code class="text-gray-600 dark:text-gray-500">wget rustdesk.com/pro.yml -O compose.yml</code>`,
         icon: 'tabler:download',
       },
       {
         title: `Step 3: Compose`,
-        description: '<pre class="text-gray-600 dark:text-gray-500">docker compose up -d</pre>',
+        description: '<code class="text-gray-600 dark:text-gray-500">docker compose up -d</code>',
         icon: 'tabler:hammer',
       },
       {
diff --git a/v3/src/pages/pricing.astro b/v3/src/pages/pricing.astro
index 7d57db1..2ba5251 100644
--- a/v3/src/pages/pricing.astro
+++ b/v3/src/pages/pricing.astro
@@ -43,7 +43,7 @@ const metadata = {
 <Layout metadata={metadata}>
   <Note
     title="Note"
-    subtitle='This pricing is for <span class="text-xl text-blue-500">self-hosting</span>solution, it is <span class="text-3xl font-extrabold">NOT</span> a <span class="line-through text-xl text-blue-500">SaaS</span> subscription.'
+    subtitle='This pricing is for <span class="text-xl text-blue-500">self-hosting</span> solution, it is <span class="text-3xl font-extrabold">NOT</span> a <span class="line-through text-xl text-blue-500">SaaS</span> subscription.'
   />
 
   <!-- Pricing Widget ******************* -->