andyburke/autonomous.contact
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: more styling on mobile improvement

Browse source
This commit is contained in:
Andy Burke 2025-08-20 14:47:05 -07:00
parent 4ed010af41
commit ef98fc754d
2 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
public/tabs/tabs.html
View file

@ -44,6 +44,10 @@
position: relative;
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.tabs::before,
@ -57,7 +61,6 @@
}
.tab {
float: left;
}
.tab-switch {
@ -66,7 +69,7 @@
.tab-label {
position: relative;
width: 8rem;
width: 6rem;
height: 5rem;
cursor: pointer;
transition: all 0.25s;
@ -112,7 +115,7 @@
@media screen and (max-width: 800px) {
.tab-label {
width: 4rem;
width: 3rem;
}
.tab-label .label {
@ -120,13 +123,13 @@
}
}
@media screen and (max-width: 480px) {
@media screen and (max-width: 400px) {
.tab-label {
width: 2.75rem;
width: 2.5rem;
}
.tab-label .label {
font-size: x-small;
font-size: 8px;
}
}
</style>

4
public/tabs/talk/talk.css
View file

@ -165,7 +165,7 @@
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
display: none; /* flex; */
flex-direction: row;
}
@ -206,7 +206,7 @@
#talk .message-container .info-container {
display: flex;
margin-bottom: -1.5rem;
margin-bottom: -1.75rem;
height: 3.75rem;
}