andras/reconcile
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Improve settings

Browse source
This commit is contained in:
Andras Schmelczer 2025-01-02 22:06:19 +00:00
parent 5870636210
commit a628b1f8ce
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
4 changed files with 437 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

106
plugin/src/styles.scss
View file

@ -1,31 +1,106 @@
.sync-settings-access-token textarea {
width: 100%;
height: 100px;
.status-description {
margin: var(--p-spacing) 0;
.number {
padding: var(--size-2-1) var(--size-4-1);
border-radius: var(--radius-s);
background-color: var(--color-base-30);
font-family: var(--font-monospace-default);
font-weight: var(--bold-weight);
&.good {
background-color: rgba(var(--color-green-rgb), 0.35);
}
&.bad {
background-color: rgba(var(--color-red-rgb), 0.35);
}
}
.error {
color: rgb(var(--color-red-rgb));
}
.warning {
color: rgb(var(--color-yellow-rgb));
}
}
.vault-link-settings {
h2 {
display: flex;
align-items: center;
font-size: var(--h2-size);
.version {
display: block;
font-size: var(--font-ui-smaller);
margin-top: var(--size-2-2);
margin-left: var(--size-4-2);
padding: var(--size-2-1) var(--size-4-1);
background-color: var(--color-base-30);
color: var(--color-base-70);
border-radius: var(--radius-s);
}
}
.button-container {
display: flex;
gap: var(--size-4-2);
}
h3 {
font-size: var(--font-ui-large);
margin-top: var(--heading-spacing);
}
button,
input[type="range"],
.checkbox-container,
.slider::-webkit-slider-thumb {
cursor: pointer;
}
textarea {
resize: none;
width: 100%;
height: 60px;
}
}
.sync-status {
display: flex;
gap: var(--size-4-2);
* {
display: block;
}
.initialize-button {
padding: 0 var(--size-4-2);
background: rgba(var(--color-red-rgb), 0.4);
cursor: pointer;
}
}
.log-message {
font: var(--font-monospace-theme);
&.DEBUG {
color: var(--color-base-50);
}
&.INFO {
color: var(--color-base-70);
color: var(--color-green-rgb);
}
&.WARNING {
color: var(--color-yellow-70);
color: var(--color-yellow-rgb);
}
&.ERROR {
color: var(--color-red-70);
color: var(--color-red-rgb);
}
font: var(--font-monospace-theme);
}
.history-card * {
margin: 0;
padding: 0;
}
.history-card {
@ -42,6 +117,11 @@
background-color: rgba(var(--color-red-rgb), 0.2);
}
* {
margin: 0;
padding: 0;
}
.history-card-header {
display: flex;
justify-content: space-between;