design: add margin to notification

2025-07-12 16:26:46 +02:00
parent 2873f9eef3
commit 1918ebc921
1 changed files with 8 additions and 0 deletions
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -13,6 +13,7 @@
  --background-color: #ffffff;
  --note-width: 620px;
  --color-contrast-content: var(--color-success);
+  --notyf-margin: 0.5rem;
 }

 [data-theme="silk"] {
@@ -108,6 +109,13 @@ a.title-stacked-note-link {
  border: none;
 }

+@media only screen and (max-width: 480px) {
+  .notyf__toast {
+    margin: var(--notyf-margin);
+    width: calc(100% - 2 * var(--notyf-margin));
+  }
+}
+
 .alert-success .notyf__message {
  color: var(--color-success-content);
 }