@@ -70,7 +70,7 @@ export const FAV_DESK_KEY = 'favourite_desks';
7070 >
7171 <div
7272 class="h-full w-full overflow-y-auto overflow-x-hidden rounded border border-base-300 shadow sm:block sm:w-[20rem]"
73- [class.hidden]="!show_filters"
73+ [class.hidden]="!show_filters() "
7474 >
7575 <new-desk-filters
7676 [hide_levels]="view() !== 'list'"
@@ -79,7 +79,7 @@ export const FAV_DESK_KEY = 'favourite_desks';
7979 <div
8080 list
8181 class="h-full w-full min-w-[20rem] overflow-auto rounded border border-base-300 bg-base-200 sm:w-[20rem] lg:block"
82- [class.hidden]="show_filters || displayed()"
82+ [class.hidden]="show_filters() || displayed()"
8383 [class.sm:hidden]="displayed()"
8484 [class.md:block]="!displayed()"
8585 [class.p-2]="view() === 'list'"
@@ -116,7 +116,7 @@ export const FAV_DESK_KEY = 'favourite_desks';
116116 </div>
117117 <div
118118 class="relative h-full w-full overflow-auto rounded border border-base-300 shadow sm:w-[20rem]"
119- [class.hidden]="show_filters || !displayed()"
119+ [class.hidden]="show_filters() || !displayed()"
120120 [class.sm:hidden]="!displayed()"
121121 [class.md:block]="displayed()"
122122 [class.lg:block]="view() === 'list'"
@@ -149,10 +149,10 @@ export const FAV_DESK_KEY = 'favourite_desks';
149149 icon
150150 matRipple
151151 class="absolute right-2 top-3 z-20 border border-base-200 bg-base-100 sm:hidden"
152- (click)="show_filters = !show_filters"
152+ (click)="show_filters.set( !show_filters()) "
153153 >
154154 <icon>{{
155- show_filters ? 'close' : 'filter_list'
155+ show_filters() ? 'close' : 'filter_list'
156156 }}</icon>
157157 </button>
158158 }
0 commit comments