Merge pull request 'Set max screen content width' (#102) from app-screen-max-width into master

Reviewed-on: https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/pulls/102
10 months ago · 821d27a58a
26 changed files with 26 additions and 26 deletions
--- a/src/components/QuickNav.vue
+++ b/src/components/QuickNav.vue
@ -1,7 +1,7 @@
 <template>
  <!-- QUICK NAV -->
  <nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200 z-50">
-    <ul class="flex text-2xl p-2 gap-2">
+    <ul class="flex text-2xl p-2 gap-2 max-w-3xl mx-auto">
      <!-- Home Feed -->
      <li
        :class="{
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@ -3,7 +3,7 @@
  <TopMessage />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
      Your Identity
--- a/src/views/ClaimView.vue
+++ b/src/views/ClaimView.vue
@ -1,7 +1,7 @@
 <template>
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ConfirmContactView.vue
+++ b/src/views/ConfirmContactView.vue
@ -1,6 +1,6 @@
 <template>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ContactAmountsView.vue
+++ b/src/views/ContactAmountsView.vue
@ -1,6 +1,6 @@
 <template>
  <QuickNav selected="Contacts"></QuickNav>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <h1
--- a/src/views/ContactGiftingView.vue
+++ b/src/views/ContactGiftingView.vue
@ -1,7 +1,7 @@
 <template>
  <QuickNav selected="Home"></QuickNav>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ContactQRScanShowView.vue
+++ b/src/views/ContactQRScanShowView.vue
@ -1,7 +1,7 @@
 <template>
  <QuickNav selected="Profile"></QuickNav>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/ContactScanView.vue
+++ b/src/views/ContactScanView.vue
@ -1,5 +1,5 @@
 <template>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@ -1,6 +1,6 @@
 <template>
  <QuickNav selected="Contacts"></QuickNav>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
      Your Contacts
--- a/src/views/DiscoverView.vue
+++ b/src/views/DiscoverView.vue
@ -3,7 +3,7 @@
  <TopMessage />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
      Discover
--- a/src/views/HelpNotificationsView.vue
+++ b/src/views/HelpNotificationsView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/HelpView.vue
+++ b/src/views/HelpView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@ -3,7 +3,7 @@
  <TopMessage />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
      Time Safari
    </h1>
--- a/src/views/IdentitySwitcherView.vue
+++ b/src/views/IdentitySwitcherView.vue
@ -1,6 +1,6 @@
 <template>
  <QuickNav selected="Profile"></QuickNav>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ImportAccountView.vue
+++ b/src/views/ImportAccountView.vue
@ -1,5 +1,5 @@
 <template>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ImportDerivedAccountView.vue
+++ b/src/views/ImportDerivedAccountView.vue
@ -1,5 +1,5 @@
 <template>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/NewEditAccountView.vue
+++ b/src/views/NewEditAccountView.vue
@ -1,5 +1,5 @@
 <template>
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/NewEditCommitmentView.vue
+++ b/src/views/NewEditCommitmentView.vue
@ -1,6 +1,6 @@
 <template>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@ -1,7 +1,7 @@
 <template>
  <QuickNav selected="Projects"></QuickNav>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/NewIdentifierView.vue
+++ b/src/views/NewIdentifierView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@ -3,7 +3,7 @@
  <TopMessage />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div id="ViewBreadcrumb" class="mb-8">
      <h1 class="text-lg text-center font-light relative px-7">
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@ -2,7 +2,7 @@
  <QuickNav selected="Projects"></QuickNav>
  <TopMessage />
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
      Your Ideas
--- a/src/views/SearchAreaView.vue
+++ b/src/views/SearchAreaView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/SeedBackupView.vue
+++ b/src/views/SeedBackupView.vue
@ -1,7 +1,7 @@
 <template>
  <QuickNav selected="Profile"></QuickNav>
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Heading -->
    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
      Seed Backup
--- a/src/views/StatisticsView.vue
+++ b/src/views/StatisticsView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@ -2,7 +2,7 @@
  <QuickNav />
  <!-- CONTENT -->
-  <section id="Content" class="p-6 pb-24">
+  <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
    <!-- Breadcrumb -->
    <div class="mb-8">
      <!-- Back -->