Use nav-pills instead of nav-tabs

This commit is contained in:
Silversthorn 2023-09-25 20:15:17 +02:00
parent 61927f6c8d
commit 0f0cd11058
4 changed files with 45 additions and 10 deletions

View File

@ -22979,27 +22979,47 @@ ul li {
padding-left: 0; padding-left: 0;
} }
.tab-simple-styled { .nav-tabs.tab-simple-styled {
border-bottom: none; border-bottom: none;
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.tab-simple-styled .nav-item { .nav-tabs.tab-simple-styled .nav-item {
margin-right: 30px; margin-right: 30px;
} }
.tab-simple-styled .nav-item .nav-link { .nav-tabs.tab-simple-styled .nav-item .nav-link {
border: none; border: none;
padding: 0; padding: 0;
color: var(--base-text); color: var(--base-text);
} }
.tab-simple-styled .nav-item .nav-link.active { .nav-tabs.tab-simple-styled .nav-item .nav-link.active {
background: var(--dropdown-bg); background: var(--dropdown-bg);
color: var(--info); color: var(--info);
} }
.nav-pills.tab-simple-styled {
border-bottom: none;
/*margin-top: 1.5rem;*/
margin-bottom: 1.5rem;
}
/*.nav-pills.tab-simple-styled .nav-item {
margin-right: 1.5rem;
}*/
.nav-pills.tab-simple-styled .nav-item .nav-link.active {
background: var(--info);
color: #ffffff;
}
.nav-pills.tab-simple-styled .nav-link.active {
background: var(--info);
color: #ffffff;
}
.tab-tile-style { .tab-tile-style {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;

View File

@ -21494,27 +21494,42 @@ ul li {
padding-left: 0; padding-left: 0;
} }
.tab-simple-styled { .nav-tabs.tab-simple-styled {
border-bottom: none; border-bottom: none;
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.tab-simple-styled .nav-item { .nav-tabs.tab-simple-styled .nav-item {
margin-right: 30px; margin-right: 30px;
} }
.tab-simple-styled .nav-item .nav-link { .nav-tabs.tab-simple-styled .nav-item .nav-link {
border: none; border: none;
padding: 0; padding: 0;
color: var(--gray); color: var(--gray);
} }
.tab-simple-styled .nav-item .nav-link.active { .nav-tabs.tab-simple-styled .nav-item .nav-link.active {
background: #fff; background: #fff;
color: var(--info); color: var(--info);
} }
.nav-pills.tab-simple-styled {
border-bottom: none;
/*margin-top: 1.5rem;*/
margin-bottom: 1.5rem;
}
/*.nav-pills.tab-simple-styled .nav-item {
margin-right: 1.5rem;
}*/
.nav-pills.tab-simple-styled .nav-item .nav-link.active {
background: var(--info);
color: #ffffff;
}
.tab-tile-style { .tab-tile-style {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;

View File

@ -5,7 +5,7 @@
{% block content %} {% block content %}
<div class="content-wrapper"> <div class="content-wrapper">
<ul class="nav nav-tabs col-md-12 tab-simple-styled " role="tablist"> <ul class="nav nav-pills tab-simple-styled " role="tablist">
<li class="nav-item term-nav-item"> <li class="nav-item term-nav-item">
<a class="nav-link" href="/server/step1" role="tab" aria-selected="false"> <a class="nav-link" href="/server/step1" role="tab" aria-selected="false">
<i class="fas fa-file-signature"></i>Minecraft-Java</a> <i class="fas fa-file-signature"></i>Minecraft-Java</a>

View File

@ -5,7 +5,7 @@
{% block content %} {% block content %}
<div class="content-wrapper"> <div class="content-wrapper">
<ul class="nav nav-tabs col-md-12 tab-simple-styled " role="tablist"> <ul class="nav nav-pills tab-simple-styled">
<li class="nav-item term-nav-item"> <li class="nav-item term-nav-item">
<a class="nav-link active" href="/server/step1" role="tab" aria-selected="false"> <a class="nav-link active" href="/server/step1" role="tab" aria-selected="false">
<i class="fas fa-file-signature"></i>Minecraft-Java</a> <i class="fas fa-file-signature"></i>Minecraft-Java</a>