fix the css some more

NyaomiDEV · Aug 14, 2024 · 3727465 · 3727465
1 parent 0d66e69
commit 3727465
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/lib/theme/components/cards.css b/src/lib/theme/components/cards.css
@@ -26,4 +26,20 @@
 .md.md3 ion-card :not(ion-avatar)>img {
 	border-bottom-right-radius: 12px;
 	border-bottom-left-radius: 12px;
+}
+
+.ios-md3 ion-card,
+.ios.md3 ion-card.elevated {
+	--background: rgb(var(--md3-surface-container-low));
+	--color: rgb(var(--md3-on-surface));
+}
+
+.ios.md3 ion-card.filled {
+	--background: rgb(var(--md3-surface-container-highest));
+}
+
+.ios.md3 ion-card.outlined {
+	--background: rgb(var(--md3-surface));
+	outline: 1px solid rgb(var(--md3-outline));
+	box-shadow: none;
 }
diff --git a/src/views/options/MessageBoard.vue b/src/views/options/MessageBoard.vue
@@ -212,4 +212,12 @@
 		--background: var(--ion-toolbar-background);
 	}
 
+	.ios ion-item-divider {
+		background-color: transparent;
+	}
+
+	.ios ion-list {
+		background-color: transparent;
+	}
+
 </style>