feature: mobile - classes added
This commit is contained in:
@ -33,7 +33,7 @@ header {
|
||||
color: var(--color-heading);
|
||||
align-self: center;
|
||||
|
||||
@media(min-width: 640px) {
|
||||
@media(min-width: 768.01px) {
|
||||
margin-right: 23px;
|
||||
}
|
||||
|
||||
@ -80,7 +80,7 @@ header {
|
||||
.solid-notifications__triangle-shadow {
|
||||
display: none;
|
||||
|
||||
@media(min-width: 1024px) {
|
||||
@media(min-width: 768.01px) {
|
||||
background: white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -118,7 +118,7 @@ header {
|
||||
top: 2.5em;
|
||||
width: 100vw;
|
||||
|
||||
@media(min-width: 1024px) {
|
||||
@media(min-width: 768.01px) {
|
||||
max-height: calc(100vh - 93px);
|
||||
position: absolute;
|
||||
left: auto;
|
||||
@ -223,11 +223,7 @@ header {
|
||||
line-height: 17px;
|
||||
margin-top: 4px;
|
||||
|
||||
@media(min-width: 640px) {
|
||||
max-width: 226px;
|
||||
}
|
||||
|
||||
@media(min-width: 1024px) {
|
||||
@media(min-width: 768.01px) {
|
||||
max-width: 256px;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user