From c3ed184853f8a691a5b4f0976cd259c5f6863b19 Mon Sep 17 00:00:00 2001
From: sercan <sercanyemen@gmail.com>
Date: Wed, 12 May 2021 14:14:03 +0300
Subject: [PATCH] (pages/settings) Added a close button for the sidebar

---
 .../admin/pages/settings/settings.component.html  | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/modules/admin/pages/settings/settings.component.html b/src/app/modules/admin/pages/settings/settings.component.html
index f835a15a..86df4a26 100644
--- a/src/app/modules/admin/pages/settings/settings.component.html
+++ b/src/app/modules/admin/pages/settings/settings.component.html
@@ -9,8 +9,19 @@
             [mode]="drawerMode"
             [opened]="drawerOpened"
             #drawer>
-            <!-- Title -->
-            <div class="m-8 sm:my-10 text-4xl font-extrabold tracking-tight leading-none">Settings</div>
+            <!-- Header -->
+            <div class="flex items-center justify-between m-8 mr-6 sm:my-10">
+                <!-- Title -->
+                <div class="text-4xl font-extrabold tracking-tight leading-none">Settings</div>
+                <!-- Close button -->
+                <div class="lg:hidden">
+                    <button
+                        mat-icon-button
+                        (click)="drawer.close()">
+                        <mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
+                    </button>
+                </div>
+            </div>
             <!-- Panel links -->
             <div class="flex flex-col divide-y border-t border-b">
                 <ng-container *ngFor="let panel of panels; trackBy: trackByFn">