Skip to content

Commit 6fc5748

Browse files
fix: set transparent border for gradient subscribe button (#6510)
## Summary - Fixed the subscribe to run button border to be transparent, allowing the gradient background to display properly - Used PrimeVue's `pt` (passthrough) props to customize the border color ## Context The subscribe to run button was recently updated to use a gradient background via inline styles, but the border was still using the default color which clashed with the gradient. ## Changes - Added `:pt` prop to the Button component in `SubscribeToRun.vue` - Set `borderColor: 'transparent'` on the root element to remove the default border color ## Test Plan - [ ] Visual inspection of the subscribe to run button - [ ] Verify the gradient background displays without border color clash - [ ] Ensure the button still functions correctly when clicked ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6510-fix-set-transparent-border-for-gradient-subscribe-button-29e6d73d3650816d9ecfcb63e2ffb7d3) by [Unito](https://www.unito.io) Co-authored-by: Christian Byrne <[email protected]>
1 parent 99958d3 commit 6fc5748

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

src/platform/cloud/subscription/components/SubscribeToRun.vue

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,13 @@
1313
background: 'var(--color-subscription-button-gradient)',
1414
color: 'var(--color-white)'
1515
}"
16+
:pt="{
17+
root: {
18+
style: {
19+
borderColor: 'transparent'
20+
}
21+
}
22+
}"
1623
data-testid="subscribe-to-run-button"
1724
@click="handleSubscribeToRun"
1825
/>

0 commit comments

Comments
 (0)