obsidian-plugin/andy-stack_vaultkeeper-ai
1
0
Fork 0
mirror of https://github.com/andy-stack/vaultkeeper-ai.git synced 2026-07-22 06:42:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Standardize border-radius CSS vars and improve modal spacing (post obsidian mobile UI change)

Browse source 
Replace legacy radius vars (--modal-radius, --button-radius, --input-radius) with standardized tokens (--radius-l, --radius-m). Add margins to modals and top bar divider for better spacing. Fix mobile diff view bottom margin to avoid Obsidian controls overlap.
This commit is contained in:
Andrew Beal 2026-01-29 14:22:44 +00:00
parent 638b229239
commit 15fc41b35e
6 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
Components/ChatInput.svelte
View file

@ -550,7 +550,7 @@
display: grid;
grid-template-rows: auto auto auto auto var(--size-4-3) 1fr var(--size-4-3);
grid-template-columns: var(--size-4-3) auto var(--size-4-2) 1fr var(--size-4-2) auto var(--size-4-2) auto var(--size-4-2) auto var(--size-4-3);
border-radius: var(--modal-radius);
border-radius: var(--radius-l);
background-color: var(--background-primary);
}
@ -587,7 +587,7 @@
#user-instruction-button {
grid-row: 6;
grid-column: 2;
border-radius: var(--button-radius);
border-radius: var(--radius-l);
align-self: end;
transition-duration: 0.5s;
}
@ -605,7 +605,7 @@
grid-column: 4;
height: 100%;
max-height: 30vh;
border-radius: var(--input-radius);
border-radius: var(--radius-m);
font-weight: var(--input-font-weight);
border-width: var(--input-border-width);
border-style: solid;
@ -664,7 +664,7 @@
#edit-mode-button {
grid-row: 6;
grid-column: 6;
border-radius: var(--button-radius);
border-radius: var(--radius-l);
align-self: end;
transition-duration: 0.5s;
}
@ -680,7 +680,7 @@
#planning-mode-button {
grid-row: 6;
grid-column: 8;
border-radius: var(--button-radius);
border-radius: var(--radius-l);
align-self: end;
transition-duration: 0.5s;
}
@ -696,7 +696,7 @@
#submit-button {
grid-row: 6;
grid-column: 10;
border-radius: var(--button-radius);
border-radius: var(--radius-l);
padding-left: var(--size-4-5);
padding-right: var(--size-4-5);
align-self: end;

1
Components/TopBar.svelte
View file

@ -198,6 +198,7 @@
#conversation-divider-1 {
grid-row: 1;
grid-column: 5;
margin: 0 5px;
}
#settings-button {

1
Modals/ConversationHistoryModalSvelte.svelte
View file

@ -114,6 +114,7 @@
grid-template-rows: auto var(--size-4-1) 1fr var(--size-4-2);
grid-template-columns: var(--size-4-2) 1fr var(--size-4-2);
max-height: 60vh;
margin: 10px;
}
.conversation-history-modal-top-bar {

1
Modals/HelpModalSvelte.svelte
View file

@ -216,6 +216,7 @@
grid-template-columns: var(--size-4-2) 1fr var(--size-4-2);
max-height: 60vh;
min-height: 60vh;
margin: 10px;
}
.help-modal-top-bar {

1
Styles/custom_styles.css
View file

@ -132,6 +132,7 @@
margin: var(--size-4-2) 0px var(--size-4-2) 0px;
padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-2);
color: var(--text-muted);
border-radius: var(--radius-m);
}
.top-bar-button:hover {

9
Styles/diff2html_styles.css
View file

@ -240,6 +240,13 @@
display: none; /* Hidden by default (desktop) */
}
/* Avoid the floating obsidian controls */
@media (max-width: 600px) {
.diff-mobile-controls {
margin-bottom: 95px;
}
}
.diff-view-mobile .diff-mobile-controls {
display: grid;
grid-template-columns: 1fr 1fr;
@ -291,4 +298,4 @@
/* Adjust diff height on mobile to account for buttons */
.diff-view-mobile .d2h-file-diff {
max-height: calc(100cqh - 37px - 40px);
}
}