praella-agency / polaris-vue

Polaris Vue by HulkApps is a component library for Vue.js based on Shopify Polaris style guide.
https://polaris-vue.hulkapps.com
MIT License
37 stars 10 forks source link

Some components don't render well #101

Open bagefly opened 2 years ago

bagefly commented 2 years ago

Describe the bug When I use component PTopBar in demo project, but that component seems not render well.

Demo Code

<template>
  <PFrame>
    <PTopBar
      slot="topBar"
      showNavigationToggle
      :logo='{"width":124,"topBarSource":"https://cdn.shopify.com/s/files/1/1564/7647/files/hulk-apps-darken_c0448e92-587f-47a8-9473-5ea0023b5ffd.svg?v=1583731462","url":"javascript:void(0)","accessibilityLabel":"Hulkapps"}'
      :userMenu='{"id":"Polaris-UserMenu","actions":[{"items":[{"content":"Back to Shopify","icon":"ArrowLeftMinor"}]},{"items":[{"content":"Community forums"}]}],"name":"Dharma","detail":"Hulkapps","initials":"D","open":false,"message":{"title":"Shopify Production","description":"New message","action":{"content":"Action"},"link":{"to":"javascript:void(0);","content":"Link","external":true},"badge":{"content":"Badge","status":"warning"}}}'
      :secondaryMenu='{"id":"Polaris-Menu","open":false,"actions":[{"items":[{"content":"Community forums"}]}],"icon":"QuestionMarkMajor"}'
      :searchField='{"value":"","placeholder":"Search","showFocusBorder":true}'
      :searchResult='{"items":[{"content":"Shopify help center"},{"content":"Community forums"}]}'
    />
  </PFrame>
</template>

Screenshots 图片_20220706163014

uttam-praella commented 2 years ago

@bagefly We will verify it and let you know soon.