mirror of
https://github.com/amadeusssystem/Inkporter.git
synced 2026-07-22 12:00:24 +00:00
49 lines
No EOL
1.1 KiB
CSS
49 lines
No EOL
1.1 KiB
CSS
/* styles.css */
|
|
.Inkporter-modal {
|
|
padding: 20px;
|
|
max-width: 90vw;
|
|
}
|
|
|
|
.Inkporter-preview-image {
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 4px;
|
|
margin: 20px 0;
|
|
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 70vh;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.Inkporter-button-container {
|
|
display: flex;
|
|
gap: 8px;
|
|
justify-content: flex-end;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* Add theme-adaptive colors */
|
|
.Inkporter-modal h2 {
|
|
color: var(--text-normal);
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/* Loading spinner for processing state */
|
|
.Inkporter-loading-spinner {
|
|
animation: rotate 1.4s linear infinite;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
/* Apply to note CSS classes */
|
|
.inkporter-scan {
|
|
--ink-color: var(--text-normal);
|
|
--paper-color: var(--background-primary);
|
|
filter: contrast(120%);
|
|
} |