profsynapse_obsidian-revisi.../styles.css
2024-12-19 12:51:00 -05:00

120 lines
2.2 KiB
CSS

/* Revision Modal Styles */
.revision-modal .selected-text-preview {
max-height: 100px;
overflow-y: auto;
padding: 8px;
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
margin-bottom: 16px;
background-color: var(--background-secondary);
}
.revision-modal .button-container {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
padding: 0 8px;
}
.revision-modal .button-container button {
min-width: 80px;
padding: 6px 12px;
}
.revision-modal .temperature-control {
margin-top: 16px;
}
/* Result Modal Styles */
.result-modal {
padding: 20px;
}
.result-modal h2 {
margin-bottom: 16px;
}
.result-modal h3 {
margin-bottom: 8px;
}
.result-modal .text-section {
display: flex;
flex-direction: column;
margin: 16px 0;
}
.result-modal .revised-textarea {
width: 100%;
min-height: 300px;
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
padding: 12px;
background-color: var(--background-primary);
font-family: var(--font-text);
}
.result-modal .button-container {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
}
.result-modal button {
padding: 6px 12px;
border-radius: 4px;
}
.result-modal button.mod-cta {
font-weight: bold;
}
.quick-buttons {
display: flex;
justify-content: center;
gap: 12px; /* Reduced from 24px */
margin: 24px auto;
padding: 0 16px;
max-width: 900px; /* Slightly reduced from 1200px */
}
.quick-buttons-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 16px 0;
padding: 0 8px;
}
.quick-button-container {
margin: 0;
}
.quick-button {
width: 100%;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.quick-button-icon {
margin-right: 4px;
}
.revision-instructions {
margin: 16px 0;
}
.revision-instructions textarea {
width: 100%;
min-width: 400px;
}
.revision-instructions .setting-item {
width: 100%;
padding-right: 32px;
}