Skip to content

Commit b3b9169

Browse files
committed
1.10.1
1 parent f5218ce commit b3b9169

File tree

8 files changed

+74
-19
lines changed

8 files changed

+74
-19
lines changed

CHANGELOG.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
[//]: # (Don't use <tags>)
22

3+
## v1.10.1
4+
5+
> `2025-06-03`
6+
7+
### 🐞 Bug Fixes
8+
- CSS fixes
9+
310
## v1.10.0
411

512
> `2025-06-03`

index.css

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3121,16 +3121,19 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
31213121
}
31223122

31233123
.vfb-preview-wrapper {
3124-
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10;
3124+
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10 text-gray-900 dark:text-gray-900;
31253125
}
31263126

3127-
.vfb-preview-wrapper-dark {
3128-
@apply bg-dark-900 text-white;
3127+
.vfb-preview-wrapper-dark,
3128+
.vfb-preview-wrapper.vfb-preview-wrapper-dark {
3129+
@apply bg-dark-900 text-white dark:text-white;
31293130
}
3130-
.vfb-preview-wrapper-dark .vfb-preview-empty-title {
3131+
.vfb-preview-wrapper-dark .vfb-preview-empty-title,
3132+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-title {
31313133
@apply text-white;
31323134
}
3133-
.vfb-preview-wrapper-dark .vfb-preview-empty-description {
3135+
.vfb-preview-wrapper-dark .vfb-preview-empty-description,
3136+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-description {
31343137
@apply text-dark-400;
31353138
}
31363139

@@ -3171,6 +3174,10 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
31713174
@apply -mt-2;
31723175
}
31733176

3177+
.vfb-preview-form {
3178+
@q;
3179+
}
3180+
31743181
.vfb-preview-container-default .col-span-1, .vfb-preview-container-default .vf-col-1,
31753182
.vfb-preview-container-tablet .col-span-1,
31763183
.vfb-preview-container-tablet .vf-col-1 {

index.mjs

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"private": false,
33
"name": "@vueform/builder",
4-
"version": "1.10.0",
4+
"version": "1.10.1",
55
"description": "Vueform Builder development build.",
66
"homepage": "https://vueform.com",
77
"license": "SEE LICENSE IN LICENSE.txt",

scss/_preview.scss

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,12 @@
77
}
88

99
.vfb-preview-wrapper {
10-
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10;
10+
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10 text-gray-900 dark:text-gray-900;
1111
}
1212

13-
.vfb-preview-wrapper-dark {
14-
@apply bg-dark-900 text-white;
13+
.vfb-preview-wrapper-dark,
14+
.vfb-preview-wrapper.vfb-preview-wrapper-dark {
15+
@apply bg-dark-900 text-white dark:text-white;
1516

1617
.vfb-preview-empty-title {
1718
@apply text-white;
@@ -60,4 +61,8 @@
6061

6162
.vfb-preview-form-with-tabs {
6263
@apply -mt-2;
64+
}
65+
66+
.vfb-preview-form {
67+
@q
6368
}

scss/vueform.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@
1212
font-feature-settings: normal; /* 5 */
1313
font-variation-settings: normal; /* 6 */
1414
-webkit-tap-highlight-color: transparent; /* 7 */
15+
text-align: left;
16+
@apply text-gray-900 dark:text-white;
1517
}
1618

1719
.vfb-builder *, .vfb-builder ::before, .vfb-builder ::after{

tailwind.css

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3121,16 +3121,19 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
31213121
}
31223122

31233123
.vfb-preview-wrapper {
3124-
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10;
3124+
@apply bg-white rounded-lg shadow-box-circle mx-auto w-full relative transition-all p-10 text-gray-900 dark:text-gray-900;
31253125
}
31263126

3127-
.vfb-preview-wrapper-dark {
3128-
@apply bg-dark-900 text-white;
3127+
.vfb-preview-wrapper-dark,
3128+
.vfb-preview-wrapper.vfb-preview-wrapper-dark {
3129+
@apply bg-dark-900 text-white dark:text-white;
31293130
}
3130-
.vfb-preview-wrapper-dark .vfb-preview-empty-title {
3131+
.vfb-preview-wrapper-dark .vfb-preview-empty-title,
3132+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-title {
31313133
@apply text-white;
31323134
}
3133-
.vfb-preview-wrapper-dark .vfb-preview-empty-description {
3135+
.vfb-preview-wrapper-dark .vfb-preview-empty-description,
3136+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-description {
31343137
@apply text-dark-400;
31353138
}
31363139

@@ -3171,6 +3174,10 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
31713174
@apply -mt-2;
31723175
}
31733176

3177+
.vfb-preview-form {
3178+
@q;
3179+
}
3180+
31743181
.vfb-preview-container-default .col-span-1, .vfb-preview-container-default .vf-col-1,
31753182
.vfb-preview-container-tablet .col-span-1,
31763183
.vfb-preview-container-tablet .vf-col-1 {

vueform.css

Lines changed: 30 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -622,6 +622,13 @@ input::placeholder,textarea::placeholder{
622622
font-feature-settings: normal; /* 5 */
623623
font-variation-settings: normal; /* 6 */
624624
-webkit-tap-highlight-color: transparent; /* 7 */
625+
text-align: left;
626+
--tw-text-opacity: 1;
627+
color: rgb(15 23 42 / var(--tw-text-opacity));
628+
}
629+
.vfb-builder:is(.dark *){
630+
--tw-text-opacity: 1;
631+
color: rgb(255 255 255 / var(--tw-text-opacity));
625632
}
626633

627634
.vfb-builder *, .vfb-builder ::before, .vfb-builder ::after {
@@ -6945,6 +6952,8 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
69456952
--tw-bg-opacity: 1;
69466953
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
69476954
padding: 2.5rem;
6955+
--tw-text-opacity: 1;
6956+
color: rgb(15 23 42 / var(--tw-text-opacity));
69486957
--tw-shadow: 0px 0px 20px 0 rgba(0,0,0,0.08);
69496958
--tw-shadow-colored: 0px 0px 20px 0 var(--tw-shadow-color);
69506959
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -6953,17 +6962,31 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
69536962
transition-duration: 150ms;
69546963
}
69556964

6956-
.vfb-preview-wrapper-dark{
6965+
.vfb-preview-wrapper:is(.dark *){
6966+
--tw-text-opacity: 1;
6967+
color: rgb(15 23 42 / var(--tw-text-opacity));
6968+
}
6969+
6970+
.vfb-preview-wrapper-dark,
6971+
.vfb-preview-wrapper.vfb-preview-wrapper-dark{
69576972
--tw-bg-opacity: 1;
69586973
background-color: rgb(25 25 25 / var(--tw-bg-opacity));
69596974
--tw-text-opacity: 1;
69606975
color: rgb(255 255 255 / var(--tw-text-opacity));
69616976
}
6962-
.vfb-preview-wrapper-dark .vfb-preview-empty-title{
6977+
6978+
.vfb-preview-wrapper-dark:is(.dark *),
6979+
.vfb-preview-wrapper.vfb-preview-wrapper-dark:is(.dark *){
69636980
--tw-text-opacity: 1;
69646981
color: rgb(255 255 255 / var(--tw-text-opacity));
69656982
}
6966-
.vfb-preview-wrapper-dark .vfb-preview-empty-description{
6983+
.vfb-preview-wrapper-dark .vfb-preview-empty-title,
6984+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-title{
6985+
--tw-text-opacity: 1;
6986+
color: rgb(255 255 255 / var(--tw-text-opacity));
6987+
}
6988+
.vfb-preview-wrapper-dark .vfb-preview-empty-description,
6989+
.vfb-preview-wrapper.vfb-preview-wrapper-dark .vfb-preview-empty-description{
69676990
--tw-text-opacity: 1;
69686991
color: rgb(132 132 132 / var(--tw-text-opacity));
69696992
}
@@ -7047,6 +7070,10 @@ div > div:first-of-type[style*="none;"] + .vfb-util-props-separator-top {
70477070
margin-top: -0.5rem;
70487071
}
70497072

7073+
.vfb-preview-form {
7074+
@q;
7075+
}
7076+
70507077
.vfb-preview-container-default .col-span-1, .vfb-preview-container-default .vf-col-1,
70517078
.vfb-preview-container-tablet .col-span-1,
70527079
.vfb-preview-container-tablet .vf-col-1 {

0 commit comments

Comments
 (0)