button border so outline makes layout jump

richardhulbert · richardhulbert · commit 0b7cb776cdfc · 2025-08-22T11:52:05.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-tailwind-components",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "A library of Vue 3 components that use Tailwind",
   "keywords": [
     "vue3",
diff --git a/src/components/button/TwButton.vue b/src/components/button/TwButton.vue
@@ -69,7 +69,7 @@ export default {
     bgcolor() {
       let op = this.disabled? ' opacity-50':''
       let bg_color = this.selected? this.selectedColor:this.color
-      let cls = 'bg-'+bg_color+'-500 hover:bg-'+bg_color+'-700 text-white border-'+bg_color+'-500'
+      let cls = 'bg-'+bg_color+'-500 hover:bg-'+bg_color+'-700 text-white border-'+bg_color+'-500 border border-'+bg_color+'-500 '
       if(this.outline){
         if(this.menu){
           cls = 'hover:bg-'+bg_color+'-500 text-'+bg_color+'-500 hover:text-white'

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue3-tailwind-components",`
`3`		`- "version": "0.3.7",`
	`3`	`+ "version": "0.3.8",`
`4`	`4`	`"description": "A library of Vue 3 components that use Tailwind",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"vue3",`