gilles/hammond
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix sizing issues in font awesome icons

Browse Source
This commit is contained in:
Alf Sebastian Houge
2023-02-12 17:38:26 +01:00
parent 45456280b4
commit d597a4ed30
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/public/index.html
View File

@@ -7,6 +7,10 @@
<link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>hammond.png" /> <link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>hammond.png" />
<link rel="apple-touch-icon" href="<%= webpackConfig.output.publicPath %>touch-icon.png" /> <link rel="apple-touch-icon" href="<%= webpackConfig.output.publicPath %>touch-icon.png" />
<title><%= webpackConfig.name %></title> <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> </head>
<body> <body>
<!-- This is where our app will be mounted. --> <!-- This is where our app will be mounted. -->

7
ui/src/router/views/vehicle.vue
View File

@@ -342,7 +342,7 @@ export default {
props: { vehicle: vehicle }, props: { vehicle: vehicle },
params: { id: vehicle.id }, params: { id: vehicle.id },
}" }"
><b-icon size="is-small" pack="fas" icon="edit" type="is-info"> </b-icon> ><b-icon pack="fas" icon="edit" type="is-info"> </b-icon>
</b-button> </b-button>
<b-button v-if="vehicle.isOwner" :title="$t('sharevehicle')" @click="showShareVehicleModal"> <b-button v-if="vehicle.isOwner" :title="$t('sharevehicle')" @click="showShareVehicleModal">
<b-icon pack="fas" icon="user-friends" type="is-info"> </b-icon <b-icon pack="fas" icon="user-friends" type="is-info"> </b-icon
@@ -404,7 +404,6 @@ export default {
</b-table-column> </b-table-column>
<b-table-column v-slot="props"> <b-table-column v-slot="props">
<b-button <b-button
size="is-small"
type="is-ghost" type="is-ghost"
tag="router-link" tag="router-link"
:to="{ :to="{
@@ -416,7 +415,6 @@ export default {
<b-icon pack="fas" icon="edit" type="is-info"> </b-icon <b-icon pack="fas" icon="edit" type="is-info"> </b-icon
></b-button> ></b-button>
<b-button <b-button
size="is-small"
type="is-ghost" type="is-ghost"
:title="$t('deletefillup')" :title="$t('deletefillup')"
@click="deleteFillup(props.row.id)"> @click="deleteFillup(props.row.id)">
@@ -454,7 +452,6 @@ export default {
</b-table-column> </b-table-column>
<b-table-column v-slot="props"> <b-table-column v-slot="props">
<b-button <b-button
size="is-small"
type="is-ghost" type="is-ghost"
tag="router-link" tag="router-link"
:to="{ :to="{
@@ -465,7 +462,7 @@ export default {
> >
<b-icon pack="fas" icon="edit" type="is-info"> </b-icon <b-icon pack="fas" icon="edit" type="is-info"> </b-icon
></b-button> ></b-button>
<b-button size="is-small" type="is-ghost" :title="$t('deleteexpense')" @click="deleteExpense(props.row.id)"> <b-button type="is-ghost" :title="$t('deleteexpense')" @click="deleteExpense(props.row.id)">
<b-icon pack="fas" icon="trash" type="is-danger"> </b-icon <b-icon pack="fas" icon="trash" type="is-danger"> </b-icon
></b-button> ></b-button>
</b-table-column> </b-table-column>