(layouts) Fixed: Header buttons are not fitting on certain layouts

(layouts) Hide the "fuse-fullscreen" button on smaller devices since they don't support fullscreen
This commit is contained in:
sercan 2021-07-01 12:50:34 +03:00
parent cbce71f155
commit 5ea37aed99
10 changed files with 20 additions and 20 deletions

View File

@ -62,9 +62,9 @@
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -45,9 +45,9 @@
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -51,9 +51,9 @@
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -54,9 +54,9 @@
</button> </button>
</ng-container> </ng-container>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -35,9 +35,9 @@
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -65,9 +65,9 @@
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -30,9 +30,9 @@
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -39,9 +39,9 @@
</button> </button>
</div> </div>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -44,9 +44,9 @@
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>

View File

@ -31,9 +31,9 @@
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
</button> </button>
<!-- Components --> <!-- Components -->
<div class="flex items-center pl-2 ml-auto space-x-2"> <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
<languages></languages> <languages></languages>
<fuse-fullscreen></fuse-fullscreen> <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
<search [appearance]="'bar'"></search> <search [appearance]="'bar'"></search>
<shortcuts></shortcuts> <shortcuts></shortcuts>
<messages></messages> <messages></messages>