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

refactor: improve ui consistency

Browse Source
This commit is contained in:
liyasthomas
2021-12-05 10:04:01 +05:30
parent f3a38bab3c
commit fb6015ce26
12 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/hoppscotch-app/components/collections/graphql/Collection.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
@dragover.prevent @dragover.prevent
@drop.prevent="dropEvent" @drop.prevent="dropEvent"
@dragover="dragging = true" @dragover="dragging = true"

2
packages/hoppscotch-app/components/collections/graphql/Folder.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
@dragover.prevent @dragover.prevent
@drop.prevent="dropEvent" @drop.prevent="dropEvent"
@dragover="dragging = true" @dragover="dragging = true"

2
packages/hoppscotch-app/components/collections/graphql/Request.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
draggable="true" draggable="true"
@dragstart="dragStart" @dragstart="dragStart"
@dragover.stop @dragover.stop

3
packages/hoppscotch-app/components/collections/index.vue
View File

@@ -4,7 +4,8 @@
:class="{ 'rounded border border-divider': saveRequest }" :class="{ 'rounded border border-divider': saveRequest }"
> >
<div <div
class="divide-dividerLight divide-y bg-primary border-b border-dividerLight rounded-t flex flex-col top-0 z-10 sticky" class="divide-dividerLight divide-y bg-primary border-b border-dividerLight rounded-t flex flex-col z-10 sticky"
style="top: calc(-1 * var(--body-font-size))"
> >
<div v-if="!saveRequest" class="search-wrappe"> <div v-if="!saveRequest" class="search-wrappe">
<input <input

2
packages/hoppscotch-app/components/collections/my/Collection.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
@dragover.prevent @dragover.prevent
@drop.prevent="dropEvent" @drop.prevent="dropEvent"
@dragover="dragging = true" @dragover="dragging = true"

2
packages/hoppscotch-app/components/collections/my/Folder.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
@dragover.prevent @dragover.prevent
@drop.prevent="dropEvent" @drop.prevent="dropEvent"
@dragover="dragging = true" @dragover="dragging = true"

2
packages/hoppscotch-app/components/collections/my/Request.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]"> <div class="flex flex-col" :class="[{ 'bg-primaryLight': dragging }]">
<div <div
class="flex items-center group" class="flex items-stretch group"
draggable="true" draggable="true"
@dragstart="dragStart" @dragstart="dragStart"
@dragover.stop @dragover.stop

2
packages/hoppscotch-app/components/collections/teams/Collection.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex items-center group"> <div class="flex items-stretch group">
<span <span
class="cursor-pointer flex px-4 items-center justify-center" class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()" @click="toggleShowChildren()"

2
packages/hoppscotch-app/components/collections/teams/Folder.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex items-center group"> <div class="flex items-stretch group">
<span <span
class="cursor-pointer flex px-4 items-center justify-center" class="cursor-pointer flex px-4 items-center justify-center"
@click="toggleShowChildren()" @click="toggleShowChildren()"

2
packages/hoppscotch-app/components/collections/teams/Request.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex items-center group"> <div class="flex items-stretch group">
<span <span
class="cursor-pointer flex px-2 w-16 items-center justify-center truncate" class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
:class="getRequestLabelColor(request.method)" :class="getRequestLabelColor(request.method)"

2
packages/hoppscotch-app/components/environments/Environment.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex items-stretch items-center group"> <div class="flex items-stretch group">
<span <span
class="cursor-pointer flex px-4 items-center justify-center" class="cursor-pointer flex px-4 items-center justify-center"
@click="$emit('edit-environment')" @click="$emit('edit-environment')"

2
packages/hoppscotch-app/components/history/rest/Card.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex items-center group"> <div class="flex items-stretch group">
<span <span
class="cursor-pointer flex px-2 w-16 items-center justify-center truncate" class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
:class="entryStatus.className" :class="entryStatus.className"