Tweak layout for mobile (#177)

This commit is contained in:
Leendert de Borst
2024-10-28 14:59:54 +01:00
parent ce93c01039
commit 2d91fdfaed
6 changed files with 43 additions and 14 deletions

View File

@@ -1004,6 +1004,10 @@ video {
min-width: 100%;
}
.min-w-0 {
min-width: 0px;
}
.max-w-7xl {
max-width: 80rem;
}
@@ -1482,6 +1486,21 @@ video {
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-primary-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 224 150 / var(--tw-bg-opacity));
}
.bg-primary-200 {
--tw-bg-opacity: 1;
background-color: rgb(251 203 116 / var(--tw-bg-opacity));
}
.bg-amber-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
@@ -2244,6 +2263,11 @@ video {
border-color: rgb(234 179 8 / var(--tw-border-opacity));
}
.dark\:border-primary-700:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(184 112 47 / var(--tw-border-opacity));
}
.dark\:bg-blue-800:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(30 64 175 / var(--tw-bg-opacity));
@@ -2413,6 +2437,11 @@ video {
color: rgb(250 204 21 / var(--tw-text-opacity));
}
.dark\:text-primary-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(246 167 82 / var(--tw-text-opacity));
}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(156 163 175 / var(--tw-placeholder-opacity));