quasar-ui-danx 0.4.1 → 0.4.2

package/src/styles/themes/danx/dialogs.scss

@@ -0,0 +1,43 @@
+.dx-dialog {
+	.dx-dialog-title {
+		@apply pl-6 pr-10 border-b border-gray-300 font-normal;
+	}
+
+	.dx-dialog-subtitle {
+		@apply mt-1 text-sm;
+	}
+
+	.dx-dialog-content {
+		@apply px-6 bg-gray-100;
+	}
+
+	.dx-dialog-actions {
+		@apply px-6 py-4 border-t border-gray-300;
+	}
+
+	.dx-dialog-button {
+		& + .dx-dialog-button {
+			@apply ml-4;
+		}
+	}
+
+	.dx-close-button {
+		@apply p-4 text-black;
+	}
+
+	.dx-dialog-button-confirm .dx-dialog-button {
+		@apply bg-blue-600 text-white;
+	}
+
+	.dx-dialog-button-cancel {
+		@apply flex-grow;
+	}
+
+	&.dx-info-dialog {
+		.dx-dialog-actions {
+			& > .flex-grow {
+				@apply text-right;
+			}
+		}
+	}
+}

package/src/styles/themes/danx/forms.scss

@@ -2,4 +2,22 @@
 	.q-field__label {
 		@apply text-sm text-gray-700;
 	}
+
+	&.dx-number-field {
+		&.dx-prepend-label {
+			@apply text-xs text-black font-normal;
+		}
+
+		&.dx-no-prepend-label {
+			@apply w-32;
+
+			.q-field__native {
+				@apply bg-white text-right;
+			}
+
+			.q-field__prepend {
+				padding: 0;
+			}
+		}
+	}
 }

package/src/styles/themes/danx/index.scss

@@ -1,3 +1,7 @@
 @import "action-table";
 @import "buttons";
+@import "dialogs";
+@import "forms";
+@import "panels";
+@import "sidebar";
 @import "toolbar";