Add Header-tag

sharix_admin/static/sharix_admin/css/base.css

@@ -317,3 +317,28 @@ a:hover {
 .drop-container  input[type=file]::file-selector-button:hover {
     background: var(--btn-hover-color);
 }
+
+/* HeaderTag */
+.Header-tag {
+    width: 140px;
+    height: 45px;
+    border: 4px solid #D6E7F9;
+    border-radius: 7px;
+    padding: 5px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 35px;
+}
+
+.Header-tag p {
+    font-size: 20px;
+    margin: 0;
+}
+
+.Header-tag img {
+    max-width: 30px;
+    max-height: 30px;
+    margin-right: 10px;
+}

sharix_admin/templates/sharix_admin/base_admin.html

@@ -53,7 +53,7 @@
     </ul>
   </nav>
 
-  <div id="user-workspace" class="p-5 border rounded box-shadow">
+  <div id="user-workspace" class="p-3 border rounded box-shadow">
       <!-- {% with images='shariX_emblem.svg ' %}
         <div class="image-container mb-4 d-flex flex-row gap-3">
           {% for image in images.split %}
@@ -62,6 +62,28 @@
         </div>
       {% endwith %} -->
 
+      <!-- display: flex; Размещает элементы горизонтально -->
+      <div style="display: flex; gap: 10px;">
+        <a href="{% url 'sharix_admin:resource/add/' %}" style="text-decoration: none; color: inherit;">
+            <div class="Header-tag">
+                <div style="display: flex; justify-content: center; align-items: center; height: 100%;">
+                    <img src="{% static 'sharix_admin/img/logo.png' %}" alt="logo">
+                    <p>ShariX</p>
+                </div>
+            </div>
+        </a>
+        <a href="{% url 'sharix_admin:resource/add/' %}" style="text-decoration: none; color: inherit;">
+            <div class="Header-tag">
+                <div style="display: flex; justify-content: center; align-items: center; height: 100%;">
+                    <img src="{% static 'sharix_admin/img/logo.png' %}" alt="logo">
+                    <p>ShariX</p>
+                </div>
+            </div>
+        </a>
+      </div>
+
+      
+
       <h1>{{ title }}</h1>
       {% if messages %}
         {% for message in messages %}

sharix_admin/templates/sharix_admin/resource_list.html

@@ -16,19 +16,19 @@
 </style>
 
 <p class="description_service">
-        На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. 
-        Активация ресурсов происходит через <a href="{% url 'tickets:ticket_list_list' %}" class="text-primary">заявки</a>.
-    </p>
+  На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. 
+  Активация ресурсов происходит через <a href="{% url 'tickets:ticket_list_list' %}" class="text-primary">заявки</a>.
+</p>
 
     <div class="dropdown mb-3">
-        <button class="btn btn-secondary dropdown-toggle" type="button" id="howToUseDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-            Как пользоваться?
-        </button>
-        <div class="dropdown-menu" aria-labelledby="howToUseDropdown">
-            <p class="dropdown-item-text custom-dropdown-text">
-	    На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. Активация ресурсов происходит через заявки. На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. Активация ресурсов происходит через заявки.
-	    </p>
-	</div>
+      <button class="btn btn-secondary dropdown-toggle" type="button" id="howToUseDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+        Как пользоваться?
+      </button>
+      <div class="dropdown-menu" aria-labelledby="howToUseDropdown">
+          <p class="dropdown-item-text custom-dropdown-text">
+            На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. Активация ресурсов происходит через заявки. На этой странице представлены список средств и объектов, необходимых для обеспечения функционирования сервиса. Активация ресурсов происходит через заявки.
+          </p>
+      </div>
     </div>
 
     <div class="mb-3 d-flex justify-content-between align-items-center">