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

chore: hoppscotch-ui improvements (#3497)

Browse Source 
Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
This commit is contained in:
Anwarul Islam
2023-12-06 00:38:44 +06:00
committed by GitHub
parent 18864bfecf
commit 6fa722df7b
69 changed files with 726 additions and 640 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/hoppscotch-common/src/pages/profile.vue
View File

@@ -98,7 +98,7 @@
filled
outline
:label="t('action.save')"
class="min-w-16 ml-2"
class="min-w-[4rem] ml-2"
type="submit"
:loading="updatingDisplayName"
@click="updateDisplayName"
@@ -121,7 +121,7 @@
filled
outline
:label="t('action.save')"
class="min-w-16 ml-2"
class="min-w-[4rem] ml-2"
type="submit"
:loading="updatingEmailAddress"
@click="updateEmailAddress"

2
packages/hoppscotch-common/src/pages/realtime.vue
View File

@@ -2,7 +2,7 @@
<HoppSmartTabs
v-model="currentTab"
styles="sticky overflow-x-auto flex-shrink-0 bg-primary top-0 z-10"
content-styles="h-[calc(100%-var(--sidebar-primary-sticky-fold)-1px)] !flex"
content-styles="!h-[calc(100%-var(--sidebar-primary-sticky-fold)-1px)] !flex"
>
<HoppSmartTab
v-for="{ target, title } in REALTIME_NAVIGATION"

10
packages/hoppscotch-common/src/pages/realtime/socketio.vue
View File

@@ -13,7 +13,7 @@
theme="popover"
:on-shown="() => tippyActions.focus()"
>
<span class="select-wrapper">
<HoppSmartSelectWrapper>
<input
id="client-version"
v-tippy="{ theme: 'tooltip' }"
@@ -26,7 +26,7 @@
connectionState === 'CONNECTING'
"
/>
</span>
</HoppSmartSelectWrapper>
<template #content="{ hide }">
<div
ref="tippyActions"
@@ -129,12 +129,12 @@
theme="popover"
:on-shown="() => authTippyActions.focus()"
>
<span class="select-wrapper">
<HoppSmartSelectWrapper>
<HoppButtonSecondary
class="ml-2 rounded-none pr-8"
:label="authType"
/>
</span>
</HoppSmartSelectWrapper>
<template #content="{ hide }">
<div
ref="authTippyActions"
@@ -216,7 +216,7 @@
</div>
</div>
<div
class="z-9 sticky top-upperTertiaryStickyFold h-full min-w-46 max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4"
class="z-[9] sticky top-upperTertiaryStickyFold h-full min-w-[12rem] max-w-1/3 flex-shrink-0 overflow-auto overflow-x-auto bg-primary p-4"
>
<div class="p-2">
<div class="pb-2 text-secondaryLight">