| | |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component, Prop } from 'vue-property-decorator'; |
|---|
| | | import { isMobileDevice } from '~/shared/device'; |
|---|
| | | |
|---|
| | | @Component |
|---|
| | | export default class UiCarousel extends Vue { |
|---|
| | | export default class UiField extends Vue { |
|---|
| | | |
|---|
| | | @Prop() span!: number; |
|---|
| | | @Prop() icon!: string; |
|---|
| | |
|---|
| | | @Prop() displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL'; |
|---|
| | | |
|---|
| | | currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE'; |
|---|
| | | |
|---|
| | | mounted(): void { |
|---|
| | | this.currentDevice = isMobileDevice() ? 'MOBILE' : 'DESKTOP'; |
|---|
| | | } |
|---|
| | | |
|---|
| | | get fieldSpan(): number { |
|---|
| | | return this.span || 24; |
|---|
| | |
|---|
| | | } |
|---|
| | | .pam-field__content { |
|---|
| | | padding-top: 10px; |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
