Browse Source

Minor footer update (v1.2) for SharixAdmin

Sasha Pi 9 months ago
parent
commit
4f1db041ae
1 changed files with 31 additions and 20 deletions
  1. 31 20
      SharixAdmin/templates/SharixAdmin/index.html

+ 31 - 20
SharixAdmin/templates/SharixAdmin/index.html

@@ -85,26 +85,37 @@
             
         </div>
     </div>
-    <div class="d-flex flex-row footer-item footer-link" id="footer" style="margin-top: 24px; width: 100%; height: 59px; border-radius: 10px; border: 1px solid #D8D8D8; box-shadow: 4px 5px 40px 0px #E5E5E5; align-items: center;">
-            <div class="col-md-6" style="margin-left: 12px">
-                <img style="margin-right: 12px; width: 48px; height: 48px; border-radius: 9999px" src="{% static 'SharixAdmin/img/user_avatar_1.png' %}"/>
-                <span class="footer-color" style="margin-right: 12px;">{{ phone }}</span>
-            </div>
-            <div class="col-md-1">
-                <a href="{% url 'contact' %}">{% trans 'Contacts' %}</a>
-            </div>
-            <div class="col-md-2">
-                <a href="https://wiki.sharix-app.org/doku.php/sharix/legal/soglashenie_s_servisom_na_ispolzovanie_platformy_sharix">{% trans 'Terms of use' %}</a>
-            </div>
-            <div class="col-md-3">
-                <a  href="https://wiki.sharix-app.org/doku.php/sharix/legal/politika_konfidencialnosti_platformy_sharix">{% trans 'Privacy policy' %}</a>
-                <svg class="footer-color" style="margin-left: 12px;" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#479FF8" xmlns="http://www.w3.org/2000/svg">
-                    <text x="9" y="15">
-                        <a href="https://wiki.sharix-app.org/doku.php">?</a>
-                    </text>
-                    <circle cx="12" cy="12" r="11.5"/>
-                </svg>
-            </div>
+    <div class="d-flex flex-row justify-content-between text-nowrap footer-item footer-link" id="footer"
+    style="
+    margin-top: 24px;
+    width: 100%;
+    height: 59px;
+    border-radius: 10px;
+    border: 1px solid #D8D8D8;
+    box-shadow: 4px 5px 40px 0px #E5E5E5;
+    align-items: center;">
+        <div class="col-md-auto ms-4">
+            <img style="width: 48px; height: 48px; border-radius: 9999px"
+            src="{% static 'SharixAdmin/img/user_avatar_1.png' %}"/>
+        </div>
+        <div class="col-md-auto">
+            <span class="mx-2 footer-color">{{ phone }}</span>
+        </div>
+        <div class="col-md">
+        </div>
+        <div class="col-md-auto justify-content-end">
+            <a class="mx-3" href="{% url 'contact' %}">{% trans 'Contacts' %}</a>
+            <a class="mx-3" href="https://wiki.sharix-app.org/doku.php/sharix/legal/soglashenie_s_servisom_na_ispolzovanie_platformy_sharix">{% trans 'Terms of use' %}</a>
+            <a class="ms-3 me-1" href="https://wiki.sharix-app.org/doku.php/sharix/legal/politika_konfidencialnosti_platformy_sharix">{% trans 'Privacy policy' %}</a>
+        </div>
+        <div class="col-md-auto me-4">
+            <svg class="footer-color" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#479FF8" xmlns="http://www.w3.org/2000/svg">
+                <text x="9" y="16">
+                    <a href="https://wiki.sharix-app.org/doku.php">?</a>
+                </text>
+                <circle cx="12" cy="12" r="11.5"/>
+            </svg>
+        </div>
     </div>
 </div>