Make carbon mobile responsive

This commit is contained in:
Sam Carlton 2022-04-24 14:47:37 -05:00
parent 454a29f905
commit 18a3361768

View file

@ -60,10 +60,6 @@
font-size: 0.5rem; font-size: 0.5rem;
} }
.carbon-inline-wide {
height: 90px;
}
.carbon-inline-wide #carbonads { .carbon-inline-wide #carbonads {
@apply relative; @apply relative;
@ -91,9 +87,14 @@
} }
.carbon-inline-wide .carbon-text { .carbon-inline-wide .carbon-text {
@apply w-full; @apply flex;
@apply items-center;
@apply p-3; @apply w-full;
@apply h-full;
@apply px-3;
@apply py-6;
} }
.carbon-inline-wide .carbon-poweredby { .carbon-inline-wide .carbon-poweredby {
@ -101,8 +102,19 @@
@apply bottom-0; @apply bottom-0;
@apply right-0; @apply right-0;
@apply border; @apply border-t;
@apply border-l;
@apply rounded-tl; @apply rounded-tl;
@apply p-1; @apply px-1;
}
@media only screen and (min-width: 480px) {
.carbon-inline-wide {
height: 90px;
}
.carbon-inline-wide .carbon-text {
@apply py-3;
}
} }