github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-24 03:17:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix spacings and icons on presentation link buttons (#6361)

Browse Source 
* Fixed spacings between presentation-link buttons

* Fixed cut off icons on persentation-link buttons

* Use flex gap instead of margin

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
This commit is contained in:
Johann Rekowski
2021-06-23 01:45:06 +02:00
committed by GitHub
parent 0766f6b608
commit bd5ca64db3
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/v-icon/v-icon.vue
View File

@@ -214,7 +214,6 @@ body {
&.left {
margin-right: 8px;
margin-left: -4px;
&.small {
margin-right: 4px;
@@ -223,7 +222,6 @@ body {
}
&.right {
margin-right: -6px;
margin-left: 6px;
&.small {

9
app/src/interfaces/presentation-links/presentation-links.vue
View File

@@ -24,7 +24,7 @@ type Link = {
icon: string;
label: string;
type: string;
url: string;
url?: string;
};
export default defineComponent({
@@ -44,7 +44,7 @@ export default defineComponent({
const linksParsed = computed(() => {
return props.links.map((link) => ({
...link,
url: render(link.url, values.value),
url: render(link.url ?? '', values.value),
}));
});
@@ -59,13 +59,10 @@ export default defineComponent({
.presentation-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.action {
& + & {
margin-left: 8px;
}
&.info {
--v-button-icon-color: var(--white);
--v-button-background-color: var(--primary);