Make more responsive on congratulation setup message

Related to #66
sebastienbarbier · Apr 24, 2023 · 9489ab6 · 9489ab6
1 parent e1f26f6
commit 9489ab6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/seven23/static/css/self-hosted.scss b/seven23/static/css/self-hosted.scss
@@ -120,8 +120,19 @@ div.selfhosted {
             flex-direction: column;
             justify-content: center;
 
+            h2 {
+                @media (max-width: 768px) {
+                    font-size: 1.6em;
+                }
+            }
+
             &.links {
                 flex-direction: row;
+
+                @media (max-width: 460px) {
+                    flex-direction: column;
+                }
+
                 a {
                     margin: 2px 4px;
                 }
@@ -144,6 +155,7 @@ div.selfhosted {
                     line-height: 1.5;
                     font-size: 1.2em;
                     letter-spacing: -0.01em;
+
                 }
 
                 &.success {

diff --git a/seven23/templates/self-hosted.html b/seven23/templates/self-hosted.html
@@ -12,7 +12,7 @@ <h1>Seven23</h1>
 
             {% if form.is_valid %}
             <div class="wrapper">
-                <h2>🎉 Congratulations! 🎉</h2>
+                <h2>🎉 Congratulations !</h2>
                 <p>Your instance is now fully configured and ready to use. You can access the administration panel to create users and manage your instance. You're all set to connect directly through the app and start exploring its features. Thanks for choosing our platform! 💪</p>
             </div>
             {% endif %}
@@ -41,14 +41,14 @@ <h2>Create superuser</h2>
             {% if form.is_valid %}
             <div class="wrapper links">
                 <a href="/admin/">Administration</a>
-                <a href="https://app.seven23.io/">Go to app.seven23.io</a>
+                <a href="https://app.seven23.io/">Go to the app</a>
             </div>
             {% endif %}
 
         {% else %}
             <div class="wrapper links">
                 {% if user and user.is_staff %}<a href="/admin/">Administration</a>{% endif %}
-                <a href="https://app.seven23.io/">Go to app.seven23.io</a>
+                <a href="https://app.seven23.io/">Go to the app</a>
             </div>
         {% endif %}
     </main>