Skip to content

Commit

Permalink
feat: adds api menu dropdown
Browse files Browse the repository at this point in the history
  • Loading branch information
@JacobCoffee
JacobCoffee committed Jun 26, 2023
1 parent 6956665 commit 8ecf62e
Show file tree
Hide file tree
Showing 2 changed files with 223 additions and 52 deletions.
184 changes: 139 additions & 45 deletions niapi/domain/web/resources/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -769,10 +769,18 @@ select {
border-width: 0;
}

.pointer-events-none {
pointer-events: none;
}

.fixed {
position: fixed;
}

.absolute {
position: absolute;
}

.relative {
position: relative;
}
Expand All @@ -790,6 +798,10 @@ select {
left: 0px;
}

.right-0 {
right: 0px;
}

.z-10 {
z-index: 10;
}
Expand Down Expand Up @@ -860,6 +872,10 @@ select {
display: block;
}

.inline-block {
display: inline-block;
}

.flex {
display: flex;
}
Expand Down Expand Up @@ -900,6 +916,10 @@ select {
height: 100%;
}

.h-5 {
height: 1.25rem;
}

.min-h-full {
min-height: 100%;
}
Expand All @@ -920,6 +940,14 @@ select {
width: 100%;
}

.w-56 {
width: 14rem;
}

.w-5 {
width: 1.25rem;
}

.max-w-7xl {
max-width: 80rem;
}
Expand All @@ -932,6 +960,10 @@ select {
flex-grow: 1;
}

.origin-top-right {
transform-origin: top right;
}

.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
Expand Down Expand Up @@ -1062,6 +1094,10 @@ select {
border-radius: 0.375rem;
}

.rounded-full {
border-radius: 9999px;
}

.border-0 {
border-width: 0px;
}
Expand Down Expand Up @@ -1101,6 +1137,11 @@ select {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.p-1 {
padding: 0.25rem;
}
Expand Down Expand Up @@ -1151,6 +1192,11 @@ select {
padding-bottom: 1.5rem;
}

.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}

.pb-12 {
padding-bottom: 3rem;
}
Expand All @@ -1171,6 +1217,10 @@ select {
padding-top: 2rem;
}

.text-left {
text-align: left;
}

.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
Expand Down Expand Up @@ -1254,34 +1304,24 @@ select {
color: rgb(17 24 39 / 0.6);
}

.text-neutral-900 {
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
}

.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-neutral-600 {
--tw-text-opacity: 1;
color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-slate-800 {
.text-neutral-900 {
--tw-text-opacity: 1;
color: rgb(30 41 59 / var(--tw-text-opacity));
color: rgb(23 23 23 / var(--tw-text-opacity));
}

.text-black {
.text-white {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-neutral-800 {
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(38 38 38 / var(--tw-text-opacity));
color: rgb(55 65 81 / var(--tw-text-opacity));
}

.antialiased {
Expand All @@ -1304,6 +1344,15 @@ select {
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
Expand All @@ -1322,6 +1371,15 @@ select {
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.ring-black {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.ring-opacity-5 {
--tw-ring-opacity: 0.05;
}

.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
Expand Down Expand Up @@ -1377,6 +1435,11 @@ select {
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:text-blue-900:hover {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
Expand All @@ -1392,6 +1455,21 @@ select {
color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}

.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}

.focus\:ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
Expand Down Expand Up @@ -1419,6 +1497,19 @@ select {
--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
}

.focus\:ring-indigo-500:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}

.focus\:ring-offset-gray-100:focus {
--tw-ring-offset-color: #f3f4f6;
}

.focus-visible\:outline:focus-visible {
outline-style: solid;
}
Expand All @@ -1439,25 +1530,8 @@ select {
outline-color: #dc2626;
}

:is(.dark .dark\:border-neutral-300\/10) {
border-color: rgb(212 212 212 / 0.1);
}

:is(.dark .dark\:border-neutral-300) {
--tw-border-opacity: 1;
border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

:is(.dark .dark\:border-neutral-300\/60) {
border-color: rgb(212 212 212 / 0.6);
}

:is(.dark .dark\:border-neutral-300\/40) {
border-color: rgb(212 212 212 / 0.4);
}

:is(.dark .dark\:border-neutral-300\/20) {
border-color: rgb(212 212 212 / 0.2);
.group:hover .group-hover\:block {
display: block;
}

:is(.dark .dark\:border-neutral-300\/30) {
Expand All @@ -1479,6 +1553,36 @@ select {
background-color: rgb(10 10 10 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-400) {
--tw-bg-opacity: 1;
background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-600) {
--tw-bg-opacity: 1;
background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-50) {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-500) {
--tw-bg-opacity: 1;
background-color: rgb(115 115 115 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-700) {
--tw-bg-opacity: 1;
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

:is(.dark .dark\:bg-neutral-800) {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

:is(.dark .dark\:text-blue-200) {
--tw-text-opacity: 1;
color: rgb(191 219 254 / var(--tw-text-opacity));
Expand All @@ -1498,21 +1602,11 @@ select {
color: rgb(212 212 212 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-neutral-900) {
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-neutral-600) {
--tw-text-opacity: 1;
color: rgb(82 82 82 / var(--tw-text-opacity));
}

:is(.dark .dark\:placeholder-neutral-500)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(115 115 115 / var(--tw-placeholder-opacity));
Expand Down
Loading

0 comments on commit 8ecf62e

Please sign in to comment.