Add hover effect to Header-tag

sharix_admin/static/sharix_admin/css/base.css

@@ -319,10 +319,11 @@ a:hover {
 }
 
 /* HeaderTag */
+
 .Header-tag {
     width: 140px;
     height: 45px;
-    border: 4px solid #D6E7F9;
+    border: 3px solid #D6E7F9;
     border-radius: 7px;
     padding: 5px;
     box-sizing: border-box;
@@ -330,6 +331,7 @@ a:hover {
     justify-content: center;
     align-items: center;
     margin-bottom: 35px;
+    transition: border-color 0.6s ease;
 }
 
 .Header-tag p {
@@ -341,4 +343,8 @@ a:hover {
     max-width: 30px;
     max-height: 30px;
     margin-right: 10px;
+}
+
+.Header-tag:hover {
+    border-color:#4ca1fc;
 }

sharix_admin/templates/sharix_admin/base_admin.html

@@ -54,14 +54,6 @@
   </nav>
 
   <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 %}
-            <img src="{% static 'sharix_admin/img/'|add:image %}" alt="Image {{ forloop.counter }}" style="max-width: 500px; max-height: 400px;">
-          {% endfor %}
-        </div>
-      {% endwith %} -->
-
       <!-- display: flex; Размещает элементы горизонтально -->
       <div style="display: flex; gap: 10px;">
         <a href="{% url 'sharix_admin:resource/add/' %}" style="text-decoration: none; color: inherit;">
@@ -75,11 +67,19 @@
         <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>
+                    <img src="{% static 'sharix_admin/img/em_assist.png' %}" alt="logo">
+                    <p>Assist</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/em_drive.png' %}" alt="logo">
+                  <p>Drive</p>
+              </div>
+          </div>
+        </a>
       </div>
 
       

sharix_admin/templates/sharix_admin/resource_list.html

@@ -36,12 +36,12 @@
           <input type="text" name="q" class="form-control" placeholder="Поиск" value="{{ request.GET.q }}" style="width: 300px; height: 38px;">
           <button type="submit" class="btn btn-primary ms-2" style="height: 38px;">Поиск</button>
       </form>
+
+      <div class="container text-end mt-2">
+        <a href="{% url 'sharix_admin:resource/add/' %}" class="btn btn-primary" style="height: 38px;">Добавить ресурс</a>
       </div>
- 
-    <div class="container text-end mt-2">
-      <a href="{% url 'sharix_admin:resource/add/' %}" class="btn btn-primary" style="height: 38px;">Добавить ресурс</a>
     </div>
-
+ 
     <div class="row justify-content-start">
           <div class="maintable" id="maintable">
             {% render_table table %}