[TASK] refactor sidebar close btn

2023-04-08 09:24:36 +02:00
parent d8049dd1e6
commit e7a4b2e8b9
2 changed files with 3 additions and 7 deletions
--- a/frontend/scss/components/_sidebar.scss
+++ b/frontend/scss/components/_sidebar.scss
@@ -59,11 +59,7 @@

  &-close {
      border-radius: 100%;
-      width: 27.5px;
-
-      &:focus {
-          background: white !important;
-      }
+      @apply w-6 h-6;
  }

  &-footer {
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -251,9 +251,9 @@
        Überschrift  (wird ersetzt)
      </span>
    </div>
-    <button type="button" title="Ausfahrt erstellen schließen" class="sidebar-close border-0 bg-primary-600 text-black"
+    <button type="button" title="Ausfahrt erstellen schließen" class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45"
      data-trigger="sidebar">
-      x
+      {% include "includes/plus-icon" %}
    </button>
  </div>
  <div class="body-js px-2 pt-2" style="margin-top: 63px; margin-bottom: 157px">