mirror of
https://github.com/welpo/tabi.git
synced 2025-12-14 19:58:44 +01:00
fix footer menu vertical stacking, less spacing between icon group and menu icons (top)
This commit is contained in:
parent
bcda881b26
commit
79a4b5a453
2 changed files with 10 additions and 8 deletions
|
|
@ -25,20 +25,26 @@ header {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 1px;
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
display: inherit;
|
display: flex;
|
||||||
flex-wrap: inherit;
|
flex-wrap: inherit;
|
||||||
justify-content: inherit;
|
justify-content: inherit;
|
||||||
align-items: inherit;
|
align-items: inherit;
|
||||||
gap: inherit;
|
gap: inherit;
|
||||||
|
gap: 1px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#menu-icons-group {
|
||||||
|
gap: 1px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-links {
|
.nav-links {
|
||||||
justify-content: right;
|
justify-content: right;
|
||||||
padding: 0.66rem;
|
padding: 0.66rem;
|
||||||
|
|
@ -160,21 +166,17 @@ header {
|
||||||
|
|
||||||
.nav-navs {
|
.nav-navs {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
.nav-navs {
|
.nav-navs {
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
margin-top: 0.8rem;
|
margin-top: 0.8rem;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
|
|
||||||
{#- Wrap the icons in a div to keep them all together -#}
|
{#- Wrap the icons in a div to keep them all together -#}
|
||||||
<div class="nav-navs">
|
<div class="nav-navs" id="menu-icons-group">
|
||||||
{# Search #}
|
{# Search #}
|
||||||
{%- if config.build_search_index %}
|
{%- if config.build_search_index %}
|
||||||
{%- set search_icon_title = macros_translate::translate(key='search_icon_title', default='Press $SHORTCUT to open search', language_strings=language_strings) -%}
|
{%- set search_icon_title = macros_translate::translate(key='search_icon_title', default='Press $SHORTCUT to open search', language_strings=language_strings) -%}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue