github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-16 13:25:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Various style tweaks (#378)

Browse Source 
* public button width and color

* improve menu arrow styling

* menu arrow placement

* define project chooser border

* adjustable min width for menus

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
This commit is contained in:
Ben Haynes
2020-04-10 17:06:41 -04:00
committed by GitHub
parent 311404f092
commit 58a0337582
7 changed files with 71 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/v-button/v-button.vue
View File

@@ -146,6 +146,7 @@ export default defineComponent({
--v-button-background-color-activated: var(--primary);
--v-button-background-color-disabled: var(--background-normal);
--v-button-font-size: 16px;
--v-button-min-width: 140px;
display: inline-flex;
align-items: center;
@@ -169,7 +170,7 @@ export default defineComponent({
display: flex;
align-items: center;
width: var(--v-button-width);
min-width: 78px;
min-width: var(--v-button-min-width);
height: var(--v-button-height);
padding: 0 19px;
color: var(--v-button-color);
@@ -236,7 +237,7 @@ export default defineComponent({
--v-button-height: 28px;
--v-button-font-size: 12px;
min-width: 48px;
min-width: 60px;
padding: 0 12px;
}
@@ -244,14 +245,14 @@ export default defineComponent({
--v-button-height: 36px;
--v-button-font-size: 14px;
min-width: 64px;
min-width: 120px;
padding: 0 12px;
}
&.large {
--v-button-height: 52px;
min-width: 92px;
min-width: 154px;
padding: 0 12px;
}
@@ -259,7 +260,7 @@ export default defineComponent({
--v-button-height: 64px;
--v-button-font-size: 18px;
min-width: 120px;
min-width: 180px;
padding: 0 12px;
}