mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 12:37:50 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

:3

Browse source
This commit is contained in:
Ashley 2023-09-22 15:22:46 +00:00
parent 7b48d00251
commit 141f125ebb
1 changed files with 28 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
html/main.ejs
View file

@ -766,55 +766,38 @@ summary:hover{
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
} }
.tabs {
display: table; .tabs.rec {
font-family:inter; font-weight: 600;
border-collapse: separate; font-stretch: expanded;
table-layout: auto; overflow:hidden;
width: auto;
max-width: fit-content;
margin-right: auto;
padding-left: 1.5em;
margin-top: 7px;
display: flex;
gap: 3px;
} }
.tabs.tabs-center {
margin: auto; .tags.rec:hover{
overflow-x:auto;
} }
.tabs.tabs-justify {
width: 100%; .tags.rec > .tag {
table-layout: fixed; border-radius: 8px;
} }
.tabs a.tab {
position: relative; .tabs {
display: table-cell; background: #333;
transition: all ease 0.3s; padding: 5px;
padding: 1em 1.6em; border-radius: 4px;
transform: translate3d(0, 0, 0); border-radius: 8px;
color: #fff; word-break: break-all;
white-space: nowrap; white-space: nowrap;
cursor: pointer; font-family: ubuntu, sans-serif;
} }
.tabs a.tab:hover { </style>
color: #3cb4fa;
}
.tabs a.tab:after {
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
will-change: transform, box-shadow, opacity;
position: absolute;
content: '';
height: 3px;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 3px 3px 0px 0px;
background: #9fdafd;
box-shadow: 0px 4px 10px 3px rgba(60, 180, 250, .15);
opacity: 0;
transform: scale(0, 1);
}
.tabs a.tab.active {
color: #fff;
}
.tabs a.tab.active:after {
opacity: 1;
transform: scale(1, 1);
}
</style>
<style> <style>