Skip to content

Commit 7c35803

Browse files
authored
Fix mobile view and icon on install section (#71)
Co-authored-by: Paulo Valim <[email protected]>
1 parent ab4befc commit 7c35803

File tree

4 files changed

+17
-13
lines changed

4 files changed

+17
-13
lines changed

src/images/desktop_download.svg

Lines changed: 1 addition & 4 deletions
Loading

src/images/run_on_cloud.png

-910 Bytes
Binary file not shown.

src/images/run_on_cloud.svg

Lines changed: 1 addition & 0 deletions
Loading

src/partials/install_instructions.html

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,18 @@
22
<div class="mt-4 w-full p-4 rounded-2xl bg-white">
33
<img src="/images/window_buttons.png" alt="" width="36" height="8" />
44
<div
5-
class="py-10 px-5 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center"
5+
class="py-10 xs:px-5 flex maxsm:flex-col flex-wrap md:flex-nowrap justify-center"
66
>
77
<!-- desktop app -->
88
<div class="md:border-r md:pr-16">
99
<div class="flex flex-nowrap">
10-
<img class="self-center" src="/images/desktop_download.svg" />
11-
<div class="self-center px-5 text-gray-700">
12-
<h2 class="font-semibold tracking-wide">
13-
Run on your machine
14-
</h2>
10+
<div
11+
class="flex justify-center self-center bg-blue-200 w-[60px] h-[60px] rounded-xl"
12+
>
13+
<img class="w-6" src="/images/desktop_download.svg" />
14+
</div>
15+
<div class="self-center pl-5 xs:px-5 text-gray-700">
16+
<h2 class="font-semibold tracking-wide">Run on your machine</h2>
1517
<h3>with Livebook Desktop</h3>
1618
</div>
1719
</div>
@@ -42,9 +44,13 @@ <h3>with Livebook Desktop</h3>
4244

4345
<!-- Run on the Cloud -->
4446
<div class="flex flex-col md:items-start md:ml-14 maxsm:mt-16">
45-
<div class="flex flex-nowrap min-w-[270px]">
46-
<img class="self-center" src="/images/run_on_cloud.png" />
47-
<div class="self-center px-5 text-gray-700">
47+
<div class="flex flex-nowrap">
48+
<div
49+
class="flex justify-center self-center bg-blue-200 w-[60px] h-[60px] rounded-xl"
50+
>
51+
<img class="w-6" src="/images/run_on_cloud.svg" />
52+
</div>
53+
<div class="self-center pl-5 xs:px-5 text-gray-700">
4854
<h2 class="font-semibold tracking-wide">Run in the cloud</h2>
4955
<h3>on select platforms</h3>
5056
</div>

0 commit comments

Comments
 (0)