Add responsive effect in shared header MD

This commit is contained in:
Peter Maquiran
2020-12-29 10:17:34 +01:00
parent 5d7f0d08be
commit ea89cb205a
2 changed files with 54 additions and 39 deletions
+24 -12
View File
@@ -1,14 +1,26 @@
<ion-toolbar class="bg-blue">
<div class="div-top-header">
<div class="div-search">
<ion-icon src='assets/images/icons-search.svg'></ion-icon>
</div>
<div class="div-logo">
<img src='assets/images/logo-no-bg.png' alt='logo'>
</div>
<div class="div-profile">
<ion-icon src='assets/images/icons-profile.svg'></ion-icon>
</div>
</div>
<ion-grid>
<ion-row class="div-top-header ion-justify-content-between">
<ion-col>
<div class="div-search">
<ion-icon src='assets/images/icons-search.svg'></ion-icon>
</div>
</ion-col>
<ion-col>
<div class="div-logo">
<img src='assets/images/logo-no-bg.png' alt='logo'>
</div>
</ion-col>
<ion-col>
<div class="div-profile">
<ion-icon src='assets/images/icons-profile.svg'></ion-icon>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-toolbar>