we do css again
This commit is contained in:
parent
d3ee3db397
commit
bc821d7f11
1 changed files with 15 additions and 14 deletions
|
@ -208,9 +208,11 @@ const link5Label = ref(instance.link5Label || 'Link 5');
|
||||||
|
|
||||||
.logo-wrap {
|
.logo-wrap {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 5px; /* Align 5px from the top */
|
top: 15px;
|
||||||
left: 100px; /* Align 100px from the left edge */
|
left: 100px;
|
||||||
flex: auto;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
@ -219,21 +221,20 @@ const link5Label = ref(instance.link5Label || 'Link 5');
|
||||||
@media (max-width: 450px) {
|
@media (max-width: 450px) {
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
margin: 0 auto; /* Center the element */
|
margin: 0 auto;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> .energised-by {
|
.logo-wrap > .energised-by {
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px; /* Adjust spacing as needed */
|
||||||
}
|
}
|
||||||
|
|
||||||
> .quollkey {
|
.logo-wrap > .quollkey {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
margin-top: 2px; /* Adjust as needed */
|
/* Remove or adjust margin-top if necessary */
|
||||||
|
@media (max-width: 450px) {
|
||||||
@media (max-width: 450px) {
|
width: 130px;
|
||||||
width: 130px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue