v-card styling

src/components/Article.vue

 <template>
-  <article v-if="article" :class="dictionary">
+  <article v-bind:class="{'v-sheet v-card rounded-xl': !articleLookup, dictionary}" v-if="article">
     <Header :lemmas="article.lemmas" :dictionary="dictionary" :article_id="article.article_id" />
     <div class="article_content" :class="$vuetify.breakpoint.name">
       <section v-if="article.body.pronunciation && article.body.pronunciation.length" class="pronunciation">
@@ -74,7 +74,8 @@ function find_content(definition) {
 export default {
   name: 'Article',
   props: {
-    article: Object
+    article: Object,
+    articleLookup: Boolean
   },
     computed: {
     link_to_self: function() {
@@ -97,7 +98,7 @@ export default {
     },
     has_content: function() {
       return this.article.body.definitions.reduce((acc, val) => acc.concat(find_content(val)), []).length > 0
-    }
+    },
   },
   components: {
     DefElement,
@@ -122,8 +123,7 @@ article {
   position: relative;
   padding: 24px;
   margin: 10px;
-  border-radius: 30px;
-  border: solid 1px var(--v-border-base);
+
   background-color: #ffffff;
 }