mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2026-01-20 20:01:25 +00:00
Use online instead of is-online on avatar
This commit is contained in:
parent
e76fed663c
commit
3f7a00b8b9
@ -3,7 +3,7 @@
|
||||
class="ds-avatar"
|
||||
:class="[
|
||||
`ds-size-${this.size}`,
|
||||
isOnline && 'is-online'
|
||||
online && 'is-online'
|
||||
]"
|
||||
:style="styles"
|
||||
>
|
||||
@ -50,7 +50,7 @@ export default {
|
||||
}
|
||||
},
|
||||
image: { type: String, default: null },
|
||||
isOnline: { type: Boolean, default: false }
|
||||
online: { type: Boolean, default: false }
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
@ -9,14 +9,14 @@
|
||||
## Sizes
|
||||
|
||||
```html
|
||||
<ds-avatar :is-online="true" size="small" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="base" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="large" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="x-large" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="x-large"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="large"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="base"></ds-avatar>
|
||||
<ds-avatar :is-online="true" size="small"></ds-avatar>
|
||||
<ds-avatar online size="small" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar online size="base" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar online size="large" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar online size="x-large" name="Hans Peter"></ds-avatar>
|
||||
<ds-avatar online size="x-large"></ds-avatar>
|
||||
<ds-avatar online size="large"></ds-avatar>
|
||||
<ds-avatar online size="base"></ds-avatar>
|
||||
<ds-avatar online size="small"></ds-avatar>
|
||||
```
|
||||
|
||||
## Broken Image
|
||||
@ -42,6 +42,6 @@
|
||||
<ds-avatar
|
||||
name="Hans Alba"
|
||||
image="https://s3.amazonaws.com/uifaces/faces/twitter/lisovsky/128.jpg"
|
||||
:is-online="true"
|
||||
online
|
||||
/>
|
||||
```
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user