Format Slides

This commit is contained in:
Olu Amey
2023-01-14 18:21:45 -05:00
parent d97edc54fe
commit 34bc8e04fc
2 changed files with 38 additions and 41 deletions
+28 -40
View File
@@ -7,45 +7,33 @@
<ion-content>
<div class="dash_top">
<ion-grid>
<ion-row>
<ion-item>
<ion-avatar slot="start">
<img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
</ion-avatar>
<ion-label>
Avatar Item
</ion-label>
</ion-item>
</ion-row>
<ion-row>
<ion-col>
<ion-slides pager="true">
<ion-slide>
<ion-button shape="round" size="small" fill="outline" class="slide_c" outline
>Menu Item 11</ion-button
>
</ion-slide>
<ion-slide>
<ion-button shape="round" size="small" fill="outline" class="slide_c" outline
>Menu Item 22</ion-button
>
</ion-slide>
<ion-slide>
<ion-button shape="round" size="small" fill="outline" class="slide_c" outline
>Menu Item 33</ion-button
>
</ion-slide>
<ion-slide>
<ion-button shape="round" size="small" fill="outline" class="slide_c" outline
>Menu Item 44</ion-button
>
</ion-slide>
</ion-slides>
</ion-col>
</ion-row>
</ion-grid>
<ion-row>
<ion-item>
<ion-avatar slot="start">
<img
alt="Silhouette of a person's head"
src="https://ionicframework.com/docs/img/demos/avatar.svg"
/>
</ion-avatar>
<ion-label> Avatar Item </ion-label>
</ion-item>
</ion-row>
<ion-row>
<ion-col>
<ion-slides pager="true">
<ion-slide *ngFor="let x of slides_items; let i = index">
<ion-button
shape="round"
size="small"
fill="outline"
class="slide_c"
outline
>{{x.name}}</ion-button
>
</ion-slide>
</ion-slides>
</ion-col>
</ion-row>
</ion-grid>
</div>
</ion-content>