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

fix: better responsiveness on horizontal layout

Browse Source
This commit is contained in:
liyasthomas
2021-09-20 14:18:40 +05:30
parent fd658400a6
commit d938af0c2c
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/hoppscotch-app/components/http/Request.vue
View File

@@ -36,7 +36,7 @@
text-secondaryDark text-secondaryDark
py-2 py-2
px-4 px-4
w-28 w-26
hover:border-dividerDark hover:border-dividerDark
focus-visible:bg-transparent focus-visible:bg-transparent
focus-visible:border-dividerDark focus-visible:border-dividerDark
@@ -109,7 +109,7 @@
<div class="flex"> <div class="flex">
<ButtonPrimary <ButtonPrimary
id="send" id="send"
class="rounded-r-none flex-1 min-w-22" class="rounded-r-none flex-1 min-w-20"
:label="`${!loading ? $t('action.send') : $t('action.cancel')}`" :label="`${!loading ? $t('action.send') : $t('action.cancel')}`"
@click.native="!loading ? newSendRequest() : cancelRequest()" @click.native="!loading ? newSendRequest() : cancelRequest()"
/> />
@@ -158,8 +158,12 @@
</tippy> </tippy>
</span> </span>
<ButtonSecondary <ButtonSecondary
class="rounded-r-none ml-2" class="rounded-r-none rounded-l ml-2"
:label="`${$t('request.save')}`" :label="
windowInnerWidth.x.value >= 768 && COLUMN_LAYOUT
? `${$t('request.save')}`
: ''
"
filled filled
svg="save" svg="save"
@click.native="saveRequest()" @click.native="saveRequest()"
@@ -251,6 +255,7 @@ import { copyToClipboard } from "~/helpers/utils/clipboard"
import { useSetting } from "~/newstore/settings" import { useSetting } from "~/newstore/settings"
import { overwriteRequestTeams } from "~/helpers/teams/utils" import { overwriteRequestTeams } from "~/helpers/teams/utils"
import { apolloClient } from "~/helpers/apollo" import { apolloClient } from "~/helpers/apollo"
import useWindowSize from "~/helpers/utils/useWindowSize"
const methods = [ const methods = [
"GET", "GET",
@@ -440,4 +445,7 @@ const isCustomMethod = computed(() => {
const requestName = useRESTRequestName() const requestName = useRESTRequestName()
const EXPERIMENTAL_URL_BAR_ENABLED = useSetting("EXPERIMENTAL_URL_BAR_ENABLED") const EXPERIMENTAL_URL_BAR_ENABLED = useSetting("EXPERIMENTAL_URL_BAR_ENABLED")
const windowInnerWidth = useWindowSize()
const COLUMN_LAYOUT = useSetting("COLUMN_LAYOUT")
</script> </script>