peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 13:02:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

IconGroupAtempt

Browse Source
This commit is contained in:
ivan gomes
2021-11-19 08:51:10 +01:00
parent e622acc98e
commit d8fcd32b3b
9 changed files with 165 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modals/group-icons/group-icons.page.html
+35 -31
View File
@@ -1,31 +1,35 @@
<ion-card >
<ion-card-content >
<ion-row>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="removerIcone()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="trash-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="openGaleria()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="flower-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="OpenCamera()" fill="clear" color="light">
<ion-icon class="redla" name="camera-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="pesquizarWeb()" fill="clear" color="light">
<ion-icon class="redla" name="search-outline"></ion-icon>
</ion-button>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
<ion-card class="cardconteudo" (click)= "dismiss()" >
<ion-card-content >
<ion-row>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="removerIcone()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="trash-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="openGaleria()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="flower-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="OpenCamera()" fill="clear" color="light">
<ion-icon class="redla" name="camera-outline"></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="pesquizarWeb()" fill="clear" color="light">
<ion-icon class="redla" name="search-outline"></ion-icon>
</ion-button>
</ion-col>
</ion-row>
</ion-card-content>
</ion-card>
src/app/modals/group-icons/group-icons.page.scss
+63
View File
@@ -0,0 +1,63 @@
// .animated{
// animation: duration 5s;
// animation-fill-mode: both;
// }
// @keyframes bounceInUp{
// 0%{
// opacity:0;
// transform: translateY(300px);
// }
// 60%{
// opacity:0;
// transform: translateY(-30px);
// }
// 80%{
// opacity:0;
// transform: translateY(10px);
// }
// 100%{
// opacity:0;
// transform: translateY(0);
// }
// }
// .bounceInUp{
// animation-name: bounceInUp;
// }
// @keyframes bounceInUp{
// from{down:0px}
// 30% {top: 100px !important;} /* ignored */
// from{down:200px}
// }
.rollover {
position: relative;
animation: mymove 5s infinite;
}
@keyframes mymove {
from {bottom: 0px; }
to {bottom: 100px;}
}
@media only screen and (min-height: 600px) and (min-width: 768px)
{
.custom-modal {
.modal-wrapper {
position: absolute !important;
height: 500px !important;
top: calc(100% - (500px));
}
}
}
.redla{
color: rgb(255, 38, 0);
// background-color: rgb(255, 72, 0);
}