aboutsummaryrefslogtreecommitdiffstats
path: root/sources/pyside6/doc/gettingstarted
diff options
context:
space:
mode:
authorCristián Maureira-Fredes <cristian.maureira-fredes@qt.io>2023-01-04 10:18:40 +0100
committerCristián Maureira-Fredes <cristian.maureira-fredes@qt.io>2023-01-05 13:54:51 +0100
commitf27c890dd7dc784961857fc0aa5dae87ce85c2ef (patch)
tree7a09f0c1cba07396c9afa9b13e4e9fb9914ae356 /sources/pyside6/doc/gettingstarted
parent0cfaab7f68c54138fd8bfc441c1f13f981330d9c (diff)
doc: use icons for the platform guides
The links were broken, and also they were not highlighted enough for people to understand they were clickable, and that they should visit them for platform specific instructions. Change-Id: I848b394eac915889f9483dcc56893204dc43ab85 Pick-to: 6.4 Reviewed-by: Friedemann Kleint <Friedemann.Kleint@qt.io>
Diffstat (limited to 'sources/pyside6/doc/gettingstarted')
-rw-r--r--sources/pyside6/doc/gettingstarted/index.rst46
1 files changed, 32 insertions, 14 deletions
diff --git a/sources/pyside6/doc/gettingstarted/index.rst b/sources/pyside6/doc/gettingstarted/index.rst
index 75b7bbca2..c65aa7abd 100644
--- a/sources/pyside6/doc/gettingstarted/index.rst
+++ b/sources/pyside6/doc/gettingstarted/index.rst
@@ -41,20 +41,38 @@ Guides per platform
You can refer to the following pages for platform specific instructions:
-.. raw:: html
-
- <table class="special">
- <colgroup>
- <col style="width: 200px" />
- <col style="width: 200px" />
- <col style="width: 200px" />
- </colgroup>
- <tr>
- <td><a href="gettingstarted-windows.html"><p><strong>Windows</strong></p></a></td>
- <td><a href="gettingstarted-macOS.html"><p><strong>macOS</strong></p></a></td>
- <td><a href="gettingstarted-linux.html"><p><strong>Linux</strong></p></a></td>
- </tr>
- </table>
+.. panels::
+ :body: align-items-center jutify-content-center text-center
+ :container: container-lg pb-3
+ :column: col-lg-4 col-md-4 col-sm-6 col-xs-12 p-2
+ :img-top-cls: d-flex align-self-center img-responsive card-img-top-main
+
+ :img-top: ../images/windows.svg
+
+ +++
+
+ .. link-button:: windows
+ :type: ref
+ :text: Windows
+ :classes: btn-qt btn-block stretched-link
+ ---
+ :img-top: ../images/macos.svg
+
+ +++
+
+ .. link-button:: macOS
+ :type: ref
+ :text: macOS
+ :classes: btn-qt btn-block stretched-link
+ ---
+ :img-top: ../images/linux.svg
+
+ +++
+
+ .. link-button:: linux
+ :type: ref
+ :text: Linux
+ :classes: btn-qt btn-block stretched-link
.. important:: |project| does not yet support WebAssembly and the mobile operating systems (Android or iOS).
Most Linux-based embedded OS provide PySide with their official