Goodbye, Bootstrap & added a button component

1 files changed, 5 insertions, 4 deletions

diff --git a/packages/client/src/components/RepositoryTreeBlob.vue b/packages/client/src/components/RepositoryTreeBlob.vue
index 2a5a6dc..ac4ee32 100644
--- a/packages/client/src/components/RepositoryTreeBlob.vue
+++ b/packages/client/src/components/RepositoryTreeBlob.vue
@@ -10,7 +10,8 @@
 		</tbody>
 	</table>
 	<span
-		v-else v-html="content_lines" />
+		v-else v-html="content_lines"
+		id="markdown-blob" />
 </template>
 
 <script>
@@ -81,9 +82,9 @@ export default {
 
 <style lang="scss">
 @use "../scss/colors";
+@use "../scss/fonts";
 
 @import "~highlight.js/scss/srcery.scss";
-@import "../scss/fonts";
 
 ul {
 	padding-left: 30px;
@@ -99,10 +100,10 @@ code {
 	white-space: pre-wrap;
 	word-wrap: anywhere;
 	background-color: lighten(#000000, 8%);
-	font-family: $font-primary;
+	font-family: fonts.$primary;
 }
 
-span {
+#markdown-blob {
 	word-wrap: anywhere;
 	a {
 		color: colors.$primary-light;