Mobile improvements

obsidianmd · Dec 6, 2024 · 9638519 · 9638519
1 parent f3eb616
commit 9638519
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -112,6 +112,7 @@
 	--modal-max-width: 1100px;
 	--modal-max-height: 1000px;
 	--modal-max-width-narrow: 800px;
+	--modal-padding: 1rem;
 	--modal-border-width: 1px;
 	--modal-border-color: var(--color-base-40, var(--background-modifier-border-focus));
 	--modal-radius: var(--radius-l);

diff --git a/src/styles/interpreter.scss b/src/styles/interpreter.scss
@@ -228,6 +228,11 @@
 
 .model-list-container {
 	margin-bottom: 24px;
+	overflow-x: scroll;
+}
+
+.provider-list-container {
+	overflow-x: scroll;
 }
 
 #interpreter-section {
@@ -270,7 +275,7 @@
 		display: flex;
 		flex-direction: row;
 		gap: 0.5rem;
-		min-width: 60%;
+		width: 60%;
 	}
 	.model-name {
 		font-size: var(--font-ui-small);
@@ -305,7 +310,7 @@
 			display: flex;
 			flex-direction: row;
 			gap: 0.5rem;
-			min-width: 60%;
+			width: 60%;
 
 		}
 		.provider-name {

diff --git a/src/styles/mobile.scss b/src/styles/mobile.scss
@@ -46,6 +46,7 @@
 
 	--modal-border-width: 0;
 	--modal-radius: 0;
+	--modal-padding: 1rem 1.5rem;
 
 	--popup-padding: 1rem;
 	--popup-properties-padding: 2px 0.75rem 0.75rem;

diff --git a/src/styles/modals.scss b/src/styles/modals.scss
@@ -24,7 +24,7 @@
 	background-color: var(--modal-background);
 	border-radius: var(--modal-radius);
 	border: var(--modal-border-width) solid var(--modal-border-color);
-	padding: 1rem;
+	padding: var(--modal-padding);
 	position: relative;
 	height: var(--dialog-height);
 	min-height: 100px;