Merge branch 'Phase2'

HelenHuang

2021-12-30 ac594e4efb30ba28776d74b0fb08ab34d7c32023

 PAMapp/components/Ui/UiField.vue

@@ -19,13 +19,24 @@
@Component
export default class UiField extends Vue {

  @Prop() span!: number;
  @Prop() icon!: string;
  @Prop() label!: string;
  @Prop() content!: string;
  @Prop() displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
  @Prop()
  span!: number;

  @Prop()
  icon!: string;

  @Prop()
  label!: string;

  @Prop()
  content!: string;

  @Prop()
  displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';

  currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE';

  //////////////////////////////////////////////////////////////////

  mounted(): void {
    this.currentDevice = UtilsService.isMobileDevice() ? 'MOBILE' : 'DESKTOP';
@@ -70,6 +81,7 @@
  }
  .pam-field__content {
    padding-top: 10px;
    display: flex;
  }
}
</style>