fix(docs): styles leaking from TeamMember.vue

vuetifyjs · Nov 4, 2024 · 42f99a0 · 42f99a0
1 parent 24b12d9
commit 42f99a0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 16 deletions.
diff --git a/packages/docs/src/components/about/TeamMember.vue b/packages/docs/src/components/about/TeamMember.vue
@@ -1,6 +1,6 @@
 <template>
   <v-lazy min-height="128">
-    <div class="d-flex team-members">
+    <div class="d-flex team-member">
       <v-avatar color="grey-lighten-2" size="72">
         <v-img v-if="member.avatar" :src="member.avatar" />
         <v-icon v-else color="grey" size="35"> mdi-image</v-icon>
@@ -214,8 +214,9 @@
   }
 </script>
 
-<style>
-  .v-markdown > p {
-    margin: 0;
-  }
-</style>
+<style lang="sass">
+  .team-member
+    .v-markdown
+      > p
+        margin: 0
+</style>
diff --git a/packages/docs/src/components/about/TeamMembers.vue b/packages/docs/src/components/about/TeamMembers.vue
@@ -23,13 +23,3 @@
   const teams = useTeamStore()
   const members = computed(() => teams.members.filter(member => member.team === props.team))
 </script>
-
-<style lang="sass">
-  .team-members
-    .v-markdown
-      > p
-        margin: 0
-
-      a
-        text-decoration: none
-</style>