doneit-web/src/app/modals/preview-camera/preview-camera.page.html

<ion-card class="cardconteudo" >

<ion-card-content >
  <ion-card-header >
   
   
     <ion-text color="light" size="6">{{username}}   <span>{{_updatedAt | date}}</span><div class="right" (click)="getIconGallery()"><ion-icon name="pencil-outline" ></ion-icon></div></ion-text>   
    
      
   
  </ion-card-header>
  
    <img src="{{image}}" />
 
</ion-card-content>
<!-- <image-cropper [imageBase64]="myimage"
    [maintainAspectRatio]="true"
    [aspectRatio]="4 / 3"
    outputType = "base64"
    format="png"
    [resizeToWidth]="true"
    (imageCropped)="imageCropped($event)"
  
></image-cropper> -->

<ion-footer color="light">
  <ion-row>
    <ion-col size="3" class="ion-text-center">
      <ion-button (click)="zoom(false)" fill="clear" color="light">
        <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
        <ion-icon class="redla" name="chatbox-outline"></ion-icon>
      </ion-button>
    </ion-col>
    <ion-col size="3" class="ion-text-center">
      <ion-button (click)="zoom(false)" fill="clear" color="light">
        <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
        <ion-icon class="redla" name="call-outline"></ion-icon>
      </ion-button>
    </ion-col>
    <ion-col size="3" class="ion-text-center">
      <ion-button (click)="close()" fill="clear" color="light">
       
        <ion-icon class="redla" name="close-circle-outline"></ion-icon>
      
      </ion-button>
    </ion-col>
    <ion-col size="3" class="ion-text-center">
      <ion-button (click)="zoom(true)" fill="clear" color="light">
        <ion-icon class="redla" name="alert-circle-outline"></ion-icon>
      
      </ion-button>
    </ion-col>
  </ion-row>
</ion-footer>
</ion-card>