btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: quick shortcut key for menu items

Browse Source
This commit is contained in:
liyasthomas
2021-12-20 00:22:31 +05:30
parent 39d6b1bfeb
commit 827f2157fa
25 changed files with 749 additions and 467 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/hoppscotch-app/assets/icons/user-minus.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 338 B

6
packages/hoppscotch-app/assets/icons/user-x.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="18" y1="8" x2="23" y2="13"></line>
<line x1="23" y1="8" x2="18" y2="13"></line>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 384 B

9
packages/hoppscotch-app/assets/scss/styles.scss
View File

@@ -446,13 +446,14 @@ pre.ace_editor {
}
.shortcut-key {
@apply inline-flex;
@apply font-sans;
@apply bg-dividerLight;
@apply font-medium;
@apply text-tiny;
@apply bg-divider;
@apply rounded;
@apply ml-2;
@apply py-1;
@apply px-2;
@apply inline-flex;
@apply px-1;
}
@media (max-width: 767px) {

2
packages/hoppscotch-app/assets/scss/themes.scss
View File

@@ -28,7 +28,7 @@
--secondary-color: theme("colors.true-gray.500");
--secondary-light-color: theme("colors.true-gray.400");
--secondary-dark-color: theme("colors.true-gray.900");
--divider-color: theme("colors.true-gray.200");
--divider-color: theme("colors.gray.100");
--divider-light-color: theme("colors.true-gray.100");
--divider-dark-color: theme("colors.true-gray.300");
--error-color: theme("colors.yellow.100");