diff --git a/components/layout/contributors.vue b/components/layout/contributors.vue
index 9fbe4b9d6..9033cc11d 100644
--- a/components/layout/contributors.vue
+++ b/components/layout/contributors.vue
@@ -101,21 +101,6 @@
-
This project exists thanks to all the people who contribute.
@@ -144,18 +129,3 @@
@apply rounded-full;
}
-
-
diff --git a/components/layout/pw-header.vue b/components/layout/pw-header.vue
index f67949195..008ac2c98 100644
--- a/components/layout/pw-header.vue
+++ b/components/layout/pw-header.vue
@@ -290,6 +290,7 @@ kbd {
.slide-in {
@apply relative;
+
animation: slideIn 0.2s forwards ease-in-out;
}
diff --git a/components/layout/sidenav.vue b/components/layout/sidenav.vue
index 801257740..e465f592b 100644
--- a/components/layout/sidenav.vue
+++ b/components/layout/sidenav.vue
@@ -131,7 +131,7 @@
-
+
insert_drive_file
@@ -221,6 +221,7 @@ nav.primary-nav {
@apply bg-acColor;
@apply text-actColor;
@apply fill-current;
+
border-radius: 16px;
svg {
@@ -300,6 +301,7 @@ nav.secondary-nav {
@apply justify-between;
@apply bg-bgDarkColor;
@apply space-y-0;
+
padding-bottom: env(safe-area-inset-bottom);
a {
diff --git a/components/realtime/log.vue b/components/realtime/log.vue
index fcc9502ce..1ca07d928 100644
--- a/components/realtime/log.vue
+++ b/components/realtime/log.vue
@@ -20,6 +20,7 @@
@apply bg-bgDarkColor;
@apply text-fgColor;
@apply overflow-auto;
+
height: 256px;
&,
diff --git a/components/ui/autocomplete.vue b/components/ui/autocomplete.vue
index 38a58bf5e..d7d64df46 100644
--- a/components/ui/autocomplete.vue
+++ b/components/ui/autocomplete.vue
@@ -50,6 +50,7 @@
@apply ease-in-out;
@apply duration-200;
@apply shadow-lg;
+
top: calc(100% - 8px);
border-radius: 0 0 8px 8px;
diff --git a/components/ui/modal.vue b/components/ui/modal.vue
index 18269e776..deeed1195 100644
--- a/components/ui/modal.vue
+++ b/components/ui/modal.vue
@@ -32,6 +32,7 @@
@apply transition;
@apply ease-in-out;
@apply duration-200;
+
background-color: rgba(0, 0, 0, 0.32);
}
@@ -55,6 +56,7 @@
@apply bg-bgColor;
@apply rounded-lg;
@apply shadow-2xl;
+
max-height: calc(100vh - 128px);
max-width: 720px;
}
@@ -89,13 +91,14 @@
.fade {
@apply absolute;
@apply block;
- left: 16px;
- right: 20px;
- height: 32px;
@apply transition;
@apply ease-in-out;
@apply duration-200;
+ left: 16px;
+ right: 20px;
+ height: 32px;
+
&.top {
top: 68px;
background: linear-gradient(to bottom, var(--bg-color), transparent);
diff --git a/components/ui/pw-toggle.vue b/components/ui/pw-toggle.vue
index c25f7ad56..b4653eb06 100644
--- a/components/ui/pw-toggle.vue
+++ b/components/ui/pw-toggle.vue
@@ -40,6 +40,7 @@ label.toggle {
@apply my-4;
@apply mx-2;
@apply cursor-pointer;
+
width: $width;
height: $height;
border: if($useBorder, 2px solid $borderColor, none);
@@ -53,6 +54,7 @@ label.toggle {
@apply inset-0;
@apply rounded-full;
@apply pointer-events-none;
+
transition: $transition;
margin: $handleSpacing;
background-color: $inactiveHandleColor;
diff --git a/components/ui/url-field.vue b/components/ui/url-field.vue
index 403bf41d0..a34f6ba7b 100644
--- a/components/ui/url-field.vue
+++ b/components/ui/url-field.vue
@@ -11,6 +11,7 @@
.highlight-TEXT {
@apply overflow-auto;
@apply break-all;
+
height: 22px;
}
diff --git a/pages/doc.vue b/pages/doc.vue
index 5bd2600f8..dc99bc81f 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -68,7 +68,7 @@
-
+
{{ $t("generate_docs_first") }}