mirror of
https://github.com/h-sphere/sql-seal-charts.git
synced 2026-07-22 05:37:34 +00:00
chore: fixing styles
This commit is contained in:
parent
299924673f
commit
3b0da2bfcd
2 changed files with 13 additions and 4 deletions
|
|
@ -277,17 +277,17 @@ export class SQLSealChartsSettingTab extends PluginSettingTab {
|
|||
|
||||
// Show success feedback
|
||||
formatButton.textContent = '✓ Formatted';
|
||||
formatButton.style.backgroundColor = '#4caf50';
|
||||
formatButton.classList.add('sqlseal-format-success');
|
||||
setTimeout(() => {
|
||||
formatButton.textContent = 'Format JSON';
|
||||
formatButton.style.backgroundColor = '';
|
||||
formatButton.classList.remove('sqlseal-format-success');
|
||||
}, 1500);
|
||||
} catch (e) {
|
||||
formatButton.textContent = '✗ Invalid JSON5';
|
||||
formatButton.style.backgroundColor = '#ff6b6b';
|
||||
formatButton.classList.add('sqlseal-format-error');
|
||||
setTimeout(() => {
|
||||
formatButton.textContent = 'Format JSON';
|
||||
formatButton.style.backgroundColor = '';
|
||||
formatButton.classList.remove('sqlseal-format-error');
|
||||
}, 2000);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -280,4 +280,13 @@
|
|||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
/* Success and Error States for Format Button */
|
||||
.sqlseal-format-success {
|
||||
background-color: #4caf50 !important;
|
||||
}
|
||||
|
||||
.sqlseal-format-error {
|
||||
background-color: #ff6b6b !important;
|
||||
}
|
||||
Loading…
Reference in a new issue