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

chore: minor ui improvements

Browse Source
This commit is contained in:
Liyas Thomas
2022-10-05 08:40:09 +05:30
parent f8e9563392
commit f5a0c3cfca
5 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -455,6 +455,7 @@ pre.ace_editor {
@apply px-1;
@apply border border-dividerDark;
@apply shadow-sm;
@apply <sm:hidden;
}
.capitalize-first {

11
packages/hoppscotch-app/src/components/app/PaneLayout.vue
View File

@@ -11,22 +11,19 @@
<Pane
:size="PANE_MAIN_SIZE"
min-size="65"
class="hide-scrollbar !overflow-auto flex flex-col"
class="flex flex-col !overflow-auto"
>
<Splitpanes
class="smart-splitter"
:horizontal="COLUMN_LAYOUT"
@resize="setPaneEvent($event, 'horizontal')"
>
<Pane
:size="PANE_MAIN_TOP_SIZE"
class="hide-scrollbar !overflow-auto flex flex-col"
>
<Pane :size="PANE_MAIN_TOP_SIZE" class="flex flex-col !overflow-auto">
<slot name="primary" />
</Pane>
<Pane
:size="PANE_MAIN_BOTTOM_SIZE"
class="flex flex-col hide-scrollbar !overflow-auto"
class="flex flex-col !overflow-auto"
>
<slot name="secondary" />
</Pane>
@@ -36,7 +33,7 @@
v-if="SIDEBAR && hasSidebar"
:size="PANE_SIDEBAR_SIZE"
min-size="20"
class="!overflow-auto flex flex-col bg-primaryContrast"
class="flex flex-col !overflow-auto bg-primaryContrast"
>
<slot name="sidebar" />
</Pane>

4
packages/hoppscotch-app/src/components/app/Shortcuts.vue
View File

@@ -20,7 +20,7 @@
open
>
<summary
class="flex items-center flex-1 min-w-0 px-6 py-4 font-semibold transition cursor-pointer focus:outline-none text-secondaryLight hover:text-secondaryDark"
class="flex items-center flex-1 min-w-0 px-6 py-4 font-semibold cursor-pointer transition focus:outline-none text-secondaryLight hover:text-secondaryDark"
>
<icon-lucide-chevron-right class="mr-2 indicator" />
<span
@@ -55,7 +55,7 @@
open
>
<summary
class="flex items-center flex-1 min-w-0 px-6 py-4 font-semibold transition cursor-pointer focus:outline-none text-secondaryLight hover:text-secondaryDark"
class="flex items-center flex-1 min-w-0 px-6 py-4 font-semibold cursor-pointer transition focus:outline-none text-secondaryLight hover:text-secondaryDark"
>
<icon-lucide-chevron-right class="mr-2 indicator" />
<span

4
packages/hoppscotch-app/src/components/button/Primary.vue
View File

@@ -41,11 +41,11 @@
]"
/>
{{ label }}
<div v-if="shortcut.length" class="ml-2 <sm:hidden">
<div v-if="shortcut.length" class="<sm:hidden">
<kbd
v-for="(key, index) in shortcut"
:key="`key-${index}`"
class="shortcut-key !bg-accentLight"
class="shortcut-key !bg-accentDark !border-accentLight"
>
{{ key }}
</kbd>

4
packages/hoppscotch-app/src/components/button/Secondary.vue
View File

@@ -42,11 +42,11 @@
]"
/>
{{ label }}
<div v-if="shortcut.length" class="ml-2 <sm:hidden">
<div v-if="shortcut.length" class="<sm:hidden">
<kbd
v-for="(key, index) in shortcut"
:key="`key-${index}`"
class="shortcut-key"
class="shortcut-key !bg-inherit"
>
{{ key }}
</kbd>