updated qr code and link styles

koray-eren · Jeff · commit 29ef5f4513e4 · 2022-04-14T13:25:55.000-04:00
diff --git a/sogs/templates/base.html b/sogs/templates/base.html
@@ -30,7 +30,7 @@
   </head>
   <body class="dark:bg-otherGray transition duration-500">
     <!-- header / navbar -->
-    <div class="px-5 flex justify-between items-center w-full h-32 mb-4 
+    <div class="px-5 flex justify-between items-center w-full h-32 
     bg-sessionGreen dark:bg-otherGray border-b-8 border-black dark:border-sessionGreen transition duration-500">
       <div class="text-black dark:text-white text-center">
         <h1 class="text-3xl xs:text-4xl sm:text-5xl">{% block heading %}{% endblock %}</h1>
@@ -41,7 +41,7 @@ <h1 class="text-3xl xs:text-4xl sm:text-5xl">{% block heading %}{% endblock %}</
     </div>
     
     <!-- content/body -->
-    <section class="text-black dark:text-white">
+    <section class="text-black dark:text-white m-5">
       {% block body %}
       {% endblock %}
     </section>
diff --git a/sogs/templates/index.html b/sogs/templates/index.html
@@ -6,7 +6,7 @@
 
 {% block body %}
 
-<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 justify-items-center gap-y-2 gap-x-2 mx-4">
+<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 justify-items-center gap-y-2 gap-x-2">
   {% for room in rooms %}
   {% for i in range(8) %}
     <a class="px-5 flex flex-col justify-center items-center transition duration-500 text-center w-full h-24 
diff --git a/sogs/templates/view_room.html b/sogs/templates/view_room.html
@@ -5,12 +5,17 @@
 {% endblock %}
 
 {% block body %}
-<center>
-  <img src="invite.png" style="margin: 2em" />
-  <pre>{{room.url}}</pre>
-</center>
+<div class="flex justify-center align-center space-x-3">
+  <div class="w-2/3 md:w-5/6">
+    <button class="bg-black text-white dark:bg-sessionGreen dark:text-black rounded px-1 py-1 my-2" > <a href="/">< Back</a></button>
+    <pre class="text-sm break-all whitespace-normal">{{room.url}}</pre>
+  </div>
+  <div class="w-1/3 md:w-1/6">
+    <img class="aspect-square max-w-full max-h-40" src="invite.png" />
+  </div>
+</div>
 {% if show_recent %}
-  <ul id="messages">
+  <ul id="messages" class="">
     <li>loading...</li>
   </ul>
   <script>
diff --git a/uwsgi-sogs.ini b/uwsgi-sogs.ini
@@ -29,4 +29,5 @@ http = :80
 mount = /=sogs.web:app
 mule = sogs.mule:run
 touch-reload = /root/session-pysogs/sogs/templates/index.html
-touch-reload = /root/session-pysogs/sogs/templates/base.html
+touch-reload = /root/session-pysogs/sogs/templates/base.html
+touch-reload = /root/session-pysogs/sogs/templates/view_room.html
