Quellcode durchsuchen

Improved formatting of Install page

mattphelps-8451 vor 3 Jahren
Ursprung
Commit
141a6efa67
1 geänderte Dateien mit 12 neuen und 7 gelöschten Zeilen
  1. 12 7
      Website/pages/install.vue

+ 12 - 7
Website/pages/install.vue

@@ -5,9 +5,14 @@
 
     <div style="color: #999">
       <p style="margin-bottom: 0;"> This is an <b>ALPHA version!</b> It may be slow. It may be buggy.</p>
-      <p style="margin-bottom: 3em;">Only available for Chrome, Firefox and as a Userscript now, but coming to other platforms soon.</p>
+      <p style="margin-bottom: 1em;">Available for Firefox and all Chromium browsers (Chrome/Edge/Opera/Brave).</p>
     </div>
 
+    <v-btn class="mainAltButton" :href="firefoxLink" target="_blank">
+      <v-icon style="margin-right: 0.5em;">mdi-firefox</v-icon>
+      Firefox
+    </v-btn>
+
     <v-btn class="mainAltButton" :href="chromeLink" target="_blank">
       <v-icon style="margin-right: 0.5em;">mdi-google-chrome</v-icon>
       Chrome
@@ -22,11 +27,11 @@
       <v-icon style="margin-right: 0.5em;">mdi-opera</v-icon>
       Opera
     </v-btn>
-    <v-btn class="mainAltButton" :href="firefoxLink" target="_blank">
-      <v-icon style="margin-right: 0.5em;">mdi-firefox</v-icon>
-      Firefox
-    </v-btn>
-    <br><br>
+
+    <h3 style="margin-top: 3em; margin-bottom:0">Other Platforms</h3>
+    <div style="color: #999">
+      <p style="margin-top: 0em; margin-bottom:0;">If your browser is not yet supported, try this UserScript.</p>
+    </div>
 
     <v-btn class="mainAltButton" :href="scriptLink" target="_blank">
       <v-icon style="margin-right: 0.5em;">mdi-script-text-outline</v-icon>
@@ -35,7 +40,7 @@
 
     <h3 style="margin-top: 3em;">Third Party Implementations</h3>
     <div style="color: #999">
-      <p style="margin-bottom: 0;">No liability on our side, use at your own risk</p>
+      <p style="margin-bottom: 0;">No liability on our side, use at your own risk.</p>
     </div>
     <v-btn class="mainAltButton" :href="iosJailbreakLink" target="_blank">
       <v-icon style="margin-right: 0.5em;">mdi-apple</v-icon>