Fix styling issues caused by omorphia/tailwind (#1319)

modrinth · Jul 24, 2024 · 41c15f8 · 41c15f8
1 parent 5cad3df
commit 41c15f8
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/apps/frontend/src/pages/[type]/[id]/settings/index.vue b/apps/frontend/src/pages/[type]/[id]/settings/index.vue
@@ -413,6 +413,12 @@ const deleteIcon = async () => {
 .visibility-info {
   padding: 0;
   list-style: none;
+
+  li {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-card-xs);
+  }
 }
 
 svg {

diff --git a/apps/frontend/src/pages/[type]/[id]/settings/tags.vue b/apps/frontend/src/pages/[type]/[id]/settings/tags.vue
@@ -250,6 +250,9 @@ export default defineNuxtComponent({
 </script>
 <style lang="scss" scoped>
 .label__title {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-card-xs);
   margin-top: var(--spacing-card-bg);
 
   svg {

diff --git a/packages/assets/styles/classes.scss b/packages/assets/styles/classes.scss
@@ -888,6 +888,7 @@ a,
   img {
     max-width: 100%;
     height: auto;
+    display: inline-block;
   }
 
   html:not(.dark-mode, .oled-mode) & img[src$='#gh-dark-mode-only'] {

diff --git a/packages/assets/styles/highlightjs.scss b/packages/assets/styles/highlightjs.scss
@@ -76,7 +76,7 @@ pre {
   padding: 1em 1em 1em 1em;
   border-width: 5px;
   border-radius: 2em;
-  border-color: var(--color-brand);
+  border-color: var(--color-button-bg);
   overflow-x: hidden;
 
   code {