Fix sizing issues in font awesome icons

2023-02-12 17:38:26 +01:00
parent 45456280b4
commit d597a4ed30
2 changed files with 6 additions and 5 deletions
--- a/ui/public/index.html
+++ b/ui/public/index.html
@@ -7,6 +7,10 @@
    <link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>hammond.png" />
    <link rel="apple-touch-icon" href="<%= webpackConfig.output.publicPath %>touch-icon.png" />
    <title><%= webpackConfig.name %></title>
+    <!-- Temporary until fontawesome 6 is supported in buefy (see issue: https://github.com/FortAwesome/Font-Awesome/issues/18663) -->
+    <style>
+      .icon svg { width: 1em; height: 1em; max-width: 80%; max-height: 80%; }
+    </style>
  </head>
  <body>
    <!-- This is where our app will be mounted. -->