LukeParke/sveltesociety.dev
1
0
Fork 0
mirror of https://github.com/LukeHagar/sveltesociety.dev.git synced 2025-12-08 04:21:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

merged staging, updated components from last pr typahead inputs. Added SearchLayout for the templates, components, and tooling routes. Looks feasible for now, but still needs an overhaul of the components used in those routes.

Browse Source
This commit is contained in:
brittneypostma
2021-09-04 13:42:06 -04:00
parent 237359ccb0
commit 6fd8668c85
10 changed files with 210 additions and 403 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/ComponentIndex/ArrowButton.svelte
View File

@@ -8,23 +8,23 @@
div {
font-size: 1rem;
border: 2px solid var(--dark-gray);
border-radius: 5px;
border-radius: 3px;
height: 100%;
background-color: white;
color: var(--dark-gray);
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 15px;
padding: var(--s-2);
position: relative;
}
div.small {
font-size: var(--font-100);
padding: 3px 10px;
}
div:hover {
cursor: pointer;
border-color: var(--primary);
color: var(--primary);
border-color: var(--secondary);
color: var(--secondary);
}
.arrow {
@@ -35,7 +35,7 @@
background-color: var(--dark-gray);
}
div:hover .arrow {
background-color: var(--dark-gray);
background-color: var(--secondary);
}
.arrow.active {
background-color: var(--dark-gray);
@@ -52,7 +52,7 @@
z-index: 100;
margin: 0;
padding: 0;
border: 2px solid var(--primary);
border: 2px solid var(--secondary);
border-radius: 5px;
background: white;
}