improve steps

This commit is contained in:
rustdesk 2024-10-11 15:49:35 +08:00
parent 897ed91529
commit 7db3e58c51

View File

@ -143,18 +143,19 @@ const metadata = {
items={[ items={[
{ {
title: 'Step 1: Install Docker', title: 'Step 1: Install Docker',
description: '<code>sudo apt install -y docker.io</code>', description: '<pre class="text-gray-600 dark:text-gray-500">sudo apt install -y docker.io</pre>',
icon: 'tabler:package', icon: 'tabler:package',
}, },
{ {
title: 'Step 2: Download compose.yml', title: 'Step 2: Download compose.yml',
description: description: `<pre class="text-gray-600 dark:text-gray-500">wget rustdesk.com/oss.yml -O compose.yml</pre>
'<code>wget rustdesk.com/oss.yml -O compose.yml<br>or<br>wget rustdesk.com/pro.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>`,
icon: 'tabler:download', icon: 'tabler:download',
}, },
{ {
title: `Step 3: Compose`, title: `Step 3: Compose`,
description: '<code>docker compose up -d</code>', description: '<pre class="text-gray-600 dark:text-gray-500">docker compose up -d</pre>',
icon: 'tabler:hammer', icon: 'tabler:hammer',
}, },
{ {
@ -166,7 +167,11 @@ const metadata = {
src: '~/assets/images/steps.jpg', src: '~/assets/images/steps.jpg',
alt: 'Steps image', alt: 'Steps image',
}} }}
/> >
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Steps>
<!-- Stats Widget ****************** --> <!-- Stats Widget ****************** -->
<Stats <Stats