infrastructure/web-assets
1
4
Fork 3
Code Issues 3 Pull Requests 1 Projects Releases 42 Wiki Activity

UI: Add nav pills component #94703

Merged
Márton Lente merged 4 commits from component-nav-pills into v2 2024-09-26 12:16:56 +02:00
Conversation 0 Commits 4 Files Changed 9 +49 -21
1 changed files with 49 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8c7dc2c225 - Show all commits

70
src/index.html
View File

@ -261,31 +261,30 @@
Navigation pills have a horizontal layout by default. Navigation pills have a horizontal layout by default.
</p> </p>
<div aria-orientation="horizontal" class="mb-4 nav nav-pills" role="tablist"> <div aria-orientation="horizontal" class="mb-4 nav nav-pills" role="tablist">
<a class="nav-pills-item active" href="/"> <a class="nav-pills-item active" href="#">
<i class="i-home"></i> <i class="i-home"></i>
Home Home
</a> </a>
<a class="nav-pills-item " href="/settings/profile"> <a class="nav-pills-item " href="#">
<i class="i-user"></i> <i class="i-user"></i>
Profile Profile
</a> </a>
<div class="nav-pills-divider"></div> <a class="nav-pills-item " href="#">
<a class="nav-pills-item " href="/active-sessions/"> <i class="i-users"></i>
<i class="i-activity"></i> Teams
Sessions
</a> </a>
<a class="nav-pills-item " href="/applications"> <a class="nav-pills-item " href="#">
<i class="i-link"></i> <i class="i-lock"></i>
Authenticated Apps Tokens
</a> </a>
<div class="nav-pills-divider"></div> <div class="nav-pills-divider"></div>
<a class="nav-pills-item " href="/change"> <a class="nav-pills-item " href="#">
<i class="i-shield"></i> <i class="i-heart"></i>
Password Favourites
</a> </a>
<a class="nav-pills-item " href="/delete-my-account"> <a class="nav-pills-item " href="#">
<i class="i-trash"></i> <i class="i-layers"></i>
Delete Account My Presentations
</a> </a>
</div> </div>
</div> </div>
@ -297,29 +296,58 @@
<div class="row"> <div class="row">
<aside class="col-4"> <aside class="col-4">
<div aria-orientation="vertical" class="flex-column mb-4 nav nav-pills" role="tablist"> <div aria-orientation="vertical" class="flex-column mb-4 nav nav-pills" role="tablist">
<a class="nav-pills-item active" href="/"> <a class="nav-pills-item active" href="#">
<i class="i-home"></i> <i class="i-home"></i>
Home Home
</a> </a>
<a class="nav-pills-item " href="/settings/profile"> <a class="nav-pills-item " href="#">
<i class="i-user"></i> <i class="i-user"></i>
Profile Profile
</a> </a>
<a class="nav-pills-item " href="#">
<i class="i-users"></i>
Teams
</a>
<a class="nav-pills-item " href="#">
<i class="i-lock"></i>
Tokens
</a>
<div class="nav-pills-divider"></div> <div class="nav-pills-divider"></div>
<a class="nav-pills-item " href="/active-sessions/"> <a class="nav-pills-item " href="#">
<i class="i-heart"></i>
Favourites
</a>
<a class="nav-pills-item " href="#">
<i class="i-layers"></i>
My Presentations
</a>
<a class="nav-pills-item " href="#">
<i class="i-tv"></i>
My Festival Entries
</a>
<a class="nav-pills-item " href="#">
<i class="i-ticket"></i>
Tickets
</a>
<div class="nav-pills-divider"></div>
<a class="nav-pills-item " href="#">
<i class="i-activity"></i> <i class="i-activity"></i>
Sessions Sessions
</a> </a>
<a class="nav-pills-item " href="/applications"> <a class="nav-pills-item " href="#">
<i class="i-link"></i> <i class="i-link"></i>
Authenticated Apps Authenticated Apps
</a> </a>
<div class="nav-pills-divider"></div> <div class="nav-pills-divider"></div>
<a class="nav-pills-item " href="/change"> <a class="nav-pills-item " href="#">
<i class="i-shield"></i>
Multi-factor Authentication
</a>
<a class="nav-pills-item " href="#">
<i class="i-shield"></i> <i class="i-shield"></i>
Password Password
</a> </a>
<a class="nav-pills-item " href="/delete-my-account"> <a class="nav-pills-item " href="#">
<i class="i-trash"></i> <i class="i-trash"></i>
Delete Account Delete Account
</a> </a>