javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(avatar): use SVG avatar image

Browse Source
This commit is contained in:
Cam Wiegert
2018-10-11 16:50:09 -05:00
parent 07d135bcfc
commit e35a21f88c
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/avatar/test/avatar.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#c5dbff" d="M0 0h512v512H0z"/><path d="M256 304c61.6 0 112-50.4 112-112S317.6 80 256 80s-112 50.4-112 112 50.4 112 112 112zm0 40c-74.2 0-224 37.8-224 112v56h448v-56c0-74.2-149.8-112-224-112z" fill="#82aeff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 288 B

8
core/src/components/avatar/test/basic/index.html
View File

@ -21,26 +21,26 @@
<ion-content>
<ion-avatar>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-chip>
<ion-avatar>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Chip Avatar</ion-label>
</ion-chip>
<ion-item>
<ion-avatar slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Item Avatar</ion-label>
</ion-item>
<ion-item>
<ion-avatar slot="end">
<img src="https://images.unsplash.com/photo-1511125357779-27038c647d9d?auto=format&fit=crop&w=1951&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Wide Avatar</ion-label>
</ion-item>

6
core/src/components/avatar/test/preview/index.html
View File

@ -21,19 +21,19 @@
<ion-content fullscreen padding>
<ion-avatar>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-chip>
<ion-avatar>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Chip Avatar</ion-label>
</ion-chip>
<ion-item>
<ion-avatar slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Item Avatar</ion-label>
</ion-item>

6
core/src/components/chip/test/basic/index.html
View File

@ -75,7 +75,7 @@
<ion-chip>
<ion-avatar>
<img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&d=identicon">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>Default</ion-label>
</ion-chip>
@ -83,7 +83,7 @@
<ion-chip>
<ion-label>Right Avatar</ion-label>
<ion-avatar>
<img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&d=identicon">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
</ion-chip>
@ -106,7 +106,7 @@
<ion-chip id="chip3">
<ion-avatar>
<img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&d=identicon">
<img src="/src/components/avatar/test/avatar.svg">
</ion-avatar>
<ion-label>With Avatar</ion-label>
<ion-chip-button fill="clear" color="dark" onclick="del('chip3')">