STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

fix padding on icon only buttons

Browse Source
This commit is contained in:
James Collins
2023-04-18 09:55:16 +10:00
parent 81fc33183c
commit 9fa9689db9
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/SMButton.vue
View File

@@ -32,7 +32,9 @@
{{ label }} {{ label }}
<ion-icon v-if="icon && iconLocation == 'after'" :icon="icon" /> <ion-icon v-if="icon && iconLocation == 'after'" :icon="icon" />
</span> </span>
<span v-else-if="icon.length > 0" class="button-label"> <span
v-else-if="icon.length > 0"
class="button-label button-label-icon">
<ion-icon :icon="icon" /> <ion-icon :icon="icon" />
</span> </span>
<span v-else class="button-label"> <span v-else class="button-label">
@@ -198,6 +200,10 @@ const handleClickItem = (item: string) => {
height: 28px; height: 28px;
margin: -8px 0; margin: -8px 0;
} }
&.button-label-icon {
margin: 0 -32px;
}
} }
&.button-dropdown { &.button-dropdown {