TabletImagesDone

This commit is contained in:
ivan gomes
2021-11-23 16:05:32 +01:00
parent 6ace9c25e5
commit 19da4730e7
7 changed files with 29 additions and 16 deletions
@@ -27,32 +27,32 @@
<ion-footer color="light"> <ion-footer color="light">
<ion-row> <ion-row>
<ion-col size="3" class="ion-text-center"> <ion-col size="4" class="ion-text-center">
<ion-button (click)="close()" fill="clear" color="light"> <ion-button (click)="close()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> --> <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon src="assets/icon/chat/circle-xmark-solid 1.svg" name="chatbox"></ion-icon> <ion-icon src="assets/icon/chat/circle-xmark-solid 1.svg" name="chatbox"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col>
<ion-col size="3" class="ion-text-center"> <ion-col size="4" class="ion-text-center">
<ion-button (click)="zoom(false)" fill="clear" color="light"> <ion-button (click)="zoom(false)" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> --> <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="flower-outline"></ion-icon> <ion-icon class="redla" name="flower-outline"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col>
<ion-col size="3" class="ion-text-center"> <ion-col size="4" class="ion-text-center">
<ion-button (click)="getIconGallery()" fill="clear" color="light"> <ion-button (click)="getIconGallery()" fill="clear" color="light">
<ion-icon name="videocam"></ion-icon> <ion-icon name="videocam" (click)="openChatVideo()"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col>
<ion-col size="3" class="ion-text-center"> <!-- <ion-col size="3" class="ion-text-center">
<ion-button (click)="zoom(true)" fill="clear" color="light"> <ion-button (click)="zoom(true)" fill="clear" color="light">
<ion-icon class="redla" name="alert-circle"></ion-icon> <ion-icon class="redla" name="alert-circle"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col> -->
</ion-row> </ion-row>
</ion-footer> </ion-footer>
</ion-card> </ion-card>
@@ -8,14 +8,20 @@ ion-slides {
.redla{ .redla{
color: rgb(250, 248, 248); color: rgb(250, 248, 248);
background-color: rgb(255, 187, 0); background-color: rgb(255, 238, 0);
border-radius: 120px; border-radius: 120px;
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.blacking{
background-color: rgb(168, 41, 41);
}
.cardconteudo { .cardconteudo {
background: rgba(255,255,255,0.5); background: rgb(8, 8, 8);
display: flex;
flex-wrap: wrap;
} }
.whiter{ .whiter{
@@ -80,6 +80,10 @@ async getIconGallery(){
openChat(){ openChat(){
}
openChatVideo(){
} }
} }
@@ -108,6 +108,7 @@ export class NewPublicationPage implements OnInit {
allowEditing: false, allowEditing: false,
resultType: CameraResultType.Uri, resultType: CameraResultType.Uri,
source: CameraSource.Camera // Camera, Photos or Prompt! source: CameraSource.Camera // Camera, Photos or Prompt!
}); });
if (image) { if (image) {
@@ -116,12 +117,13 @@ export class NewPublicationPage implements OnInit {
} }
imageSize(image){ imageSize(image){
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d'); var ctx = canvas.getContext('2d');
canvas.width=300 canvas.width=100
canvas.height=234 canvas.height=34
ctx.drawImage(image, 0, 0, 300, 234); ctx.drawImage(image, 0, 0, 100, 34);
document.body.appendChild(canvas); document.body.appendChild(canvas);
} }
@@ -77,7 +77,6 @@
</ion-item-option> </ion-item-option>
</ion-item-options> </ion-item-options>
</ion-item-sliding> </ion-item-sliding>
<ion-item-sliding disabled="{{showSlidingOptions}}" class="width-100" <ion-item-sliding disabled="{{showSlidingOptions}}" class="width-100"
*ngFor="let evento of publicationsEventFolderList"> *ngFor="let evento of publicationsEventFolderList">
<ion-item lines="none" <ion-item lines="none"
@@ -126,7 +126,7 @@
} }
.post-img{ .post-img{
width: 100%; width: 100%;
//height: 400px; height: 400px;
margin: 0 auto; margin: 0 auto;
border-radius: 0px!important; border-radius: 0px!important;
overflow: hidden; overflow: hidden;
+5 -3
View File
@@ -1336,10 +1336,12 @@ ngx-mat-datetime-content{
.ldio-rpinwye8j0b div { box-sizing: content-box; } .ldio-rpinwye8j0b div { box-sizing: content-box; }
.transparent-modal { .transparent-modal {
--background: #0000005c; --background: #dfb2b2e7;
--margin: 0;
--padding: 0;
ion-content { ion-content {
--background:#2e2121e7; --background:#caa1a1e7;
} }
} }
@@ -1356,6 +1358,6 @@ ngx-mat-datetime-content{
} }
.transparent-modal .modal-wrapper { .transparent-modal .modal-wrapper {
--background: rgba(44, 39, 45, 0.7); --background: rgba(8, 8, 8, 0.7);
} }
} }