Fix tab bar widths

This commit is contained in:
Lim Chee Aun 2023-02-28 00:34:53 +08:00
parent 71f4ee4ce2
commit 624f7930ad

View file

@ -75,7 +75,6 @@
display: flex; display: flex;
} }
#shortcuts .tab-bar li a { #shortcuts .tab-bar li a {
padding: 16px 0;
display: block; display: block;
color: var(--text-insignificant-color); color: var(--text-insignificant-color);
font-size: 10px; font-size: 10px;
@ -86,7 +85,7 @@
padding: 8px; padding: 8px;
text-decoration: none; text-decoration: none;
text-shadow: 0 var(--hairline-width) var(--bg-color); text-shadow: 0 var(--hairline-width) var(--bg-color);
max-width: max(44px, 20vw); width: 20vw;
} }
#shortcuts .tab-bar li a:active { #shortcuts .tab-bar li a:active {
transform: scale(0.95); transform: scale(0.95);
@ -143,6 +142,7 @@ shortcuts .tab-bar[hidden] {
} }
#shortcuts .tab-bar li a { #shortcuts .tab-bar li a {
padding: 0 16px; padding: 0 16px;
width: auto;
flex-direction: row; flex-direction: row;
font-size: 14px; font-size: 14px;
height: 44px; height: 44px;