Add search result options

This commit is contained in:
Peter Maquiran
2021-01-05 11:37:07 +01:00
parent 2695162e65
commit 40543826b7
3 changed files with 118 additions and 22 deletions
+71 -5
View File
@@ -4,12 +4,78 @@
</ion-toolbar>
</ion-header>
<ion-content>
<ion-content class="content">
<ion-form>
<div class="div-search">
<ion-input class="search-input" type="search" placeholder="FMI"></ion-input>
<ion-icon class="icon-search" slot="end" name="search"></ion-icon>
</div>
<ion-grid class="search-input-container">
<ion-row class="ion-justify-content-around">
<ion-col class="icon-search-container">
<div class="icon-search-container">
<ion-icon class="icon-search" slot="end" name="search"></ion-icon>
</div>
</ion-col>
<ion-col>
<div>
<ion-input class="search-input" type="search" placeholder="FMI"></ion-input>
</div>
</ion-col>
<ion-col class="icon-search-container">
<div>
<ion-icon class="icon-search" slot="end" name="search"></ion-icon>
</div>
</ion-col>
</ion-row>
</ion-grid>
<ion-grid class="search-result">
<ion-row class="ion-justify-content-between ion-text-center">
<ion-col >
<div class="button">
<p>Protocolos</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
<ion-col>
<div class="button">
<p>Faturas</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
<ion-col >
<div class="button">
<p>Relatório</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
</ion-row>
<ion-row class="ion-justify-content-between ion-text-center">
<ion-col >
<div class="button">
<p>Protocolos</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
<ion-col>
<div class="button">
<p>Faturas</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
<ion-col >
<div class="button">
<p>Relatório</p>
<ion-label class="label">10</ion-label>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-form>
</ion-content>