he4et/tabswitcher
1
0
Fork 0
mirror of https://github.com/He4eT/tabswitcher.git synced 2026-05-04 17:07:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

pages/search: shaped tabs

Browse source
This commit is contained in:
He4eT 2024-01-20 04:21:59 +01:00
commit 5df95ea62c
6 changed files with 221 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

29
pages/search/search.html
View file

@ -2,13 +2,36 @@
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Tabswhither</title>
<title>Tabswitcher</title>
<link rel='stylesheet' href='../css/common.css' />
<link rel='stylesheet' href='./search.css' />
</head>
<body>
lorem
<header>
<input type='search' id='searchbox' placeholder='Filter' autofocus>
<input type='search' id='actionbox' placeholder='Action (? for help)'>
</header>
<main>
<button class='tab'>
<div class='label'>jk</div>
<div class='title'>
Color - Firefox Design Systems
</div>
<div class='url'>
https://acorn.firefox.com/latest/styles/color-MZHBVuZc#section-background-c2
</div>
</button>
<button class='tab'>
<div class='label'>kjqww</div>
<div class='title'>
Color - Firefox Design Systems
</div>
<div class='url'>
https://acorn.firefox.com/latest/styles/color-MZHBVuZc#section-background-c2
</div>
</button>
</main>
<script type='module' src='./search.js'></script>
</body>
</html>