bnchiang96_xiaohongshu-importer/styles.css

/* styles.css */

/* Modal content container */
.xhs-modal-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
}

/* Row containers (used for text, category, download, and button rows) */
.xhs-modal-row {
	display: flex;
	flex-direction: column;
}

/* Text input (textarea) */
.xhs-modal-textarea {
	width: 100%;
	height: 100px;
	margin: 0;
}

/* Category chip container */
.xhs-chip-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Category chip (button) */
.xhs-chip {
	padding: 4px 8px;
	border-radius: 12px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	color: #000;
	cursor: pointer;
	transition: background-color 0.2s;
}

/* Selected category chip with increased specificity */
.xhs-chip.xhs-chip--selected {
	background-color: #FF2442;
	color: #fff;
}

/* Download row specific styles */
.xhs-download-row {
	flex-direction: row !important;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Wrapper for checkbox and label to ensure alignment */
.xhs-download-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Download label */
.xhs-download-label {
	cursor: pointer;
	margin: 0;
	line-height: normal;
}

/* Button row specific styles */
.xhs-button-row {
	display: flex;
	justify-content: flex-end;
}

/* Submit button */
.xhs-submit-button {
	width: 100%;
	margin: 0;
}