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

chore: improve ui consistency in realtime pages

Browse Source
This commit is contained in:
liyasthomas
2022-06-07 14:34:00 +05:30
parent 043c49541f
commit 25253c4bdf
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/hoppscotch-app/components/app/Header.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<header <header
class="flex items-center justify-between flex-1 px-2 py-2 space-x-2" class="flex items-center justify-between flex-1 px-2 py-2 space-x-2 overflow-x-auto"
> >
<div class="inline-flex items-center space-x-2"> <div class="inline-flex items-center space-x-2">
<ButtonSecondary <ButtonSecondary

2
packages/hoppscotch-app/components/realtime/Communication.vue
View File

@@ -12,7 +12,7 @@
/> />
</div> </div>
<div <div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperMobileSecondaryStickyFold sm:top-upperSecondaryStickyFold" class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold"
> >
<span class="flex items-center"> <span class="flex items-center">
<label class="font-semibold text-secondaryLight"> <label class="font-semibold text-secondaryLight">

4
packages/hoppscotch-app/components/realtime/Socketio.vue
View File

@@ -85,7 +85,7 @@
<SmartTabs <SmartTabs
v-model="selectedTab" v-model="selectedTab"
styles="sticky bg-primary top-upperMobilePrimaryStickyFold sm:top-upperPrimaryStickyFold z-10" styles="sticky bg-primary top-upperPrimaryStickyFold z-10"
> >
<SmartTab <SmartTab
:id="'communication'" :id="'communication'"
@@ -99,7 +99,7 @@
</SmartTab> </SmartTab>
<SmartTab :id="'protocols'" :label="`${t('request.authorization')}`"> <SmartTab :id="'protocols'" :label="`${t('request.authorization')}`">
<div <div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperPrimaryStickyFold" class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold"
> >
<span class="flex items-center"> <span class="flex items-center">
<label class="font-semibold text-secondaryLight"> <label class="font-semibold text-secondaryLight">

4
packages/hoppscotch-app/components/realtime/Websocket.vue
View File

@@ -37,7 +37,7 @@
</div> </div>
<SmartTabs <SmartTabs
v-model="selectedTab" v-model="selectedTab"
styles="sticky bg-primary top-upperMobilePrimaryStickyFold sm:top-upperPrimaryStickyFold z-10" styles="sticky bg-primary top-upperPrimaryStickyFold z-10"
> >
<SmartTab <SmartTab
:id="'communication'" :id="'communication'"
@@ -50,7 +50,7 @@
</SmartTab> </SmartTab>
<SmartTab :id="'protocols'" :label="`${$t('websocket.protocols')}`"> <SmartTab :id="'protocols'" :label="`${$t('websocket.protocols')}`">
<div <div
class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperPrimaryStickyFold" class="sticky z-10 flex items-center justify-between pl-4 border-b bg-primary border-dividerLight top-upperSecondaryStickyFold"
> >
<label class="font-semibold text-secondaryLight"> <label class="font-semibold text-secondaryLight">
{{ t("websocket.protocols") }} {{ t("websocket.protocols") }}