<template>
  <Popup ref="popup" title="" width="600px" :isCrud="false">
    <ArticlePreview style="height: 75vh; overflow-y: auto" :articleId="articleId" />
  </Popup>
</template>

<script>
import Popup from "@/components/Popup";
import ArticlePreview from "@/components/ArticlePreview";
export default {
  name: "ArticlePreviewPopup",
  components: {
    Popup,
    ArticlePreview,
  },
  data() {
    return {
      articleId: "",
    };
  },
  methods: {
    open(id) {
      this.articleId = id;
      this.$refs.popup.open();
    },
  },
};
</script>

<style lang="scss" scoped>
.article-preview {
  padding: 15px;
  &__title {
    font-size: 19px;
    font-weight: 500;
    color: #12111e;
    line-height: 27px;
  }
  &__author {
    font-size: 13px;
    color: #00b191;
    line-height: 19px;
    margin-top: 10px;
  }
  &__content {
  }
}
</style>
