aria/FMHY-Website
1
0
Fork 0
mirror of https://github.com/fmhy/edit.git synced 2025-07-31 08:12:23 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

rework colorpicker, brand button

Browse source
This commit is contained in:
taskylizard 2025-06-28 08:09:31 +00:00
parent 8877c540cf
commit b1da9e7563
No known key found for this signature in database
GPG key ID: 1820131ED1A24120
3 changed files with 85 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

28
website/theme/components/VPButton.vue
View file

@ -140,7 +140,7 @@ const processedItems = computed(() => {
<slot>{{ text }}</slot>
</component>
<button
class="bg-$vp-c-default-soft text-text border-$vp-c-default-soft hover:border-primary ml-3 inline-flex h-8 items-center justify-center whitespace-nowrap rounded-md border-2 border-solid px-2.5 py-4.5 text-md font-medium transition-all duration-300 sm:h-7 VPButtonTrigger"
class="bg-$vp-c-default-soft text-text border-$vp-c-default-soft hover:bg-$vp-c-default-hover active:bg-$vp-c-default-active inline-flex items-center justify-center whitespace-nowrap rounded-md border-2 border-solid px-2.5 py-5 text-md font-medium sm:h-7 VPButtonTrigger"
@click="toggleDropdown" :aria-expanded="isDropdownOpen" aria-label="Toggle dropdown menu">
<span class="i-lucide:menu"></span>
</button>
@ -200,21 +200,16 @@ const processedItems = computed(() => {
}
.VPButton.brand {
border-color: var(--vp-button-brand-border);
color: var(--vp-button-brand-text);
background-color: var(--vp-button-brand-bg);
color: var(--vp-c-text-1);
background-color: var(--vp-c-default-soft);
}
.VPButton.brand:hover {
border-color: var(--vp-button-brand-hover-border);
color: var(--vp-button-brand-hover-text);
background-color: var(--vp-button-brand-hover-bg);
background-color: var(--vp-c-default-hover);
}
.VPButton.brand:active {
border-color: var(--vp-button-brand-active-border);
color: var(--vp-button-brand-active-text);
background-color: var(--vp-button-brand-active-bg);
background-color: var(--vp-c-default-active);
}
.VPButton.alt {
@ -265,9 +260,16 @@ const processedItems = computed(() => {
}
.VPButtonMain {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none;
--uno: border-2 border-$vp-c-default-soft;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.VPButtonTrigger {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-left: none !important;
margin-left: 0 !important;
}
.VPButtonDropdownMenu {