CheifApp2002/CoreGrade2020
1
0
Fork 0
Code Issues Pull Requests Releases Activity

fix

Browse Source
This commit is contained in:
Your Name
2020-03-16 21:12:32 -04:00
parent 36968367f3
commit b1425b545b
2 changed files with 88 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/tab1/tab1.page.html
+69 -67
View File
@@ -1,18 +1,62 @@
<ion-content [fullscreen]="true"> <ion-content [fullscreen]="true">
<ion-header collapse="condense"> <ion-header collapse="condense">
<ion-toolbar> <ion-toolbar>
<ion-title size="large">Tab 1</ion-title> <!--ion-title size="large">CoreGrade</!--ion-title -->
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-card class="welcome-card" style="background-color: bisque;">
<ion-card-header>
<ion-card-subtitle>Invtation</ion-card-subtitle>
<ion-card-title>Robot building skills</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card"> <ion-card class="welcome-card">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<img src="./../assets/imgs/app-logo.png">
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card" style="background-color: aliceblue;">
<div class="video-container">
<iframe src="https://www.youtube.com/embed/wyVM1evRxNw" frameborder="0" width="560" height="315"></iframe>
</div>
<ion-card-header>
<ion-card-subtitle>Video</ion-card-subtitle>
<ion-card-title>Yes we can add video</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card" style="background-color: gainsboro;">
<img src="./../assets/imgs/app-logo.png"> <img src="./../assets/imgs/app-logo.png">
<ion-card-header> <ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle> <ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title> <ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header> </ion-card-header>
<ion-card-content> <ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search. <p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p> </p>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
@@ -25,7 +69,25 @@
<ion-card-title>Yes I have a title</ion-card-title> <ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header> </ion-card-header>
<ion-card-content> <ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search. <p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p> </p>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
@@ -38,7 +100,8 @@
<ion-card-title>Yes I have a title</ion-card-title> <ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header> </ion-card-header>
<ion-card-content> <ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search. <p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p> </p>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
@@ -51,76 +114,15 @@
<ion-card-title>Yes I have a title</ion-card-title> <ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header> </ion-card-header>
<ion-card-content> <ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search. <p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find
an open group by using the search.
</p> </p>
</ion-card-content> </ion-card-content>
</ion-card> </ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
</p>
</ion-card-content>
</ion-card>
<ion-card class="welcome-card">
<img src="./../assets/imgs/app-logo.png">
<ion-card-header>
<ion-card-subtitle>Blog</ion-card-subtitle>
<ion-card-title>Yes I have a title</ion-card-title>
</ion-card-header>
<ion-card-content>
<p>CoreGrade is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
</p>
</ion-card-content>
</ion-card>
</ion-content> </ion-content>
src/app/tab1/tab1.page.scss
+15
View File
@@ -1,3 +1,18 @@
ion-content ion-toolbar { ion-content ion-toolbar {
--background: translucent; --background: translucent;
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
} }