io.parrots/styles/main.less

Parrots.io App

@IMPORT_BASE_PATH_PARROTS: "../node_modules";
// Variables
@import "variables";
// Import index to include all component styles
@import "index";
// Import app styles
@import "app/apps";
// Import app styles
@import "lib/libs";
// Declare global styles here
body {
	margin: 0;
	overflow: hidden;
}

.phx-dialog {
	phx-component-dialog > .phx-component-dialog {
		> .dialog-header {
			.FC2();
			background-color: @CLR_BRAND;

			> .wrapper {
				div:first-child {
					text-align: left;
					padding-left: 32px;
				}
			}
		}

		.dialog-body-error {
			width: 80% !important;
			margin-left: 10% !important;
		}

		.dialog-head-error {
			background-color: @CLR_BRAND !important;
		}

		> .dialog-body {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 130pt;
		}

		.create-instance-dialog-body {
			height: 340pt;
		}

		.edit-address {
			height: 340pt;
		}

		.delete-instance-dialog-body {
			height: 90pt;
		}

		> .dialog-footer {
			> .wrapper {
				padding-right: 0;

				div > .dialog-btn {
					width: 80pt;
					height: 30pt;
					line-height: 30pt;
					.FC1();
				}

				.confirm {
					background-color: @CLR_BRAND;
					width: 90pt;
					height: 35pt;
					line-height: 35pt;
				}

				.cancel {
					margin-left: 80pt;
					margin-right: 10pt;
				}

				.cancel-btn-3 {
					margin-left: 10pt !important;
					margin-right: unset !important;
				}

				.confirm-btn-3 {
					background-color: @CLR_BRAND !important;
					width: 90pt;
					height: 35pt;
					line-height: 35pt;
					margin-left: 10pt !important;
					margin-right: unset !important;
				}

				.dialog-password {
					margin-top: 40pt;
				}

				.dialog-btn-error {
					background-color: @CLR_BRAND !important;
					position: absolute;
					right: 8%;
					bottom: 9%;
				}
			}
		}
	}
}
// style of fake btn
button {
	&.fake {
		opacity: 0;
		width: 0;
		height: 0;
	}
}