mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Make carbon mobile responsive
This commit is contained in:
parent
454a29f905
commit
18a3361768
1 changed files with 20 additions and 8 deletions
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue