dogFood/src/features/ReviewForm/ReviewForm.module.css - finalProject - dbataeva/tasksApp

dogFood/src/features/ReviewForm/ReviewForm.module.css

82 строки1 KB

Daria Bataeva

refactor(finalProject): divide cart page

15 ноя 2025, 17:02

15 ноя 2025, 17:025e6017f

.form {
	align-items: flex-start;
}

.maxContent {
	width: max-content;
}

.form__row {
	display: flex;
	gap: 12px;
	width: 100%;
}

.form__row_min {
	display: flex;
	gap: 12px;
	width: 50%;
}

.form__label {
	flex: 1 1;
}

.input {
	position: static;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	margin: 8px 0;
	padding: 7px 16px;
	background: #ffffff;
	border: 1px solid #cfd8dc;
	border-radius: 12px;
}

input:focus {
	border-color: #ffe44d;
	outline: none;
}

.textarea {
	height: auto;
	min-height: 100px;
	resize: none;
}

.form__btn {
	position: static;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 356px;
	margin: 8px 0;
	padding: 14px 24px;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-style: normal;
	line-height: 20px;
	border-radius: 55px;
	cursor: pointer;
}

.form__btn.pramary {
	background: #ffe44d;
	border: none;
}

.form__btn.secondary {
	background: white;
	border: 0.5px solid #cfd8dc;
}

.form__btn.maxContent {
	width: max-content;
}