andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): major refactorings and details footer updates

Browse Source
This commit is contained in:
rektdeckard
2023-02-11 13:58:33 -07:00
parent eba876b3ea
commit 345acafb45
33 changed files with 376 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Tabs/Tabs.css
View File

@@ -20,21 +20,38 @@ button.tab {
border-top-right-radius: 8px;
}
button.tab:focus-within {
/* background-color: var(--tabs-background); */
button.tab:focus-visible {
outline: 1px solid currentColor;
}
.tab.active {
background-color: var(--tabs-background);
button.tab:hover:not(.active) {
background-color: var(--sheer);
}
button.tab.active {
background-color: var(--background);
border-bottom: none;
}
.tab-content {
flex: 1;
padding: 8px 16px;
height: 80px;
max-height: 80px;
padding: 16px;
display: grid;
place-items: center;
border-radius: 8px;
background-color: var(--tabs-background);
background-color: var(--background);
overflow-y: auto;
}
@media screen and (max-width: 719px) {
.tabs {
flex: 1;
}
.tab-content {
height: unset;
max-height: unset;
}
}