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
2022-01-02 07:00:17 +05:30
parent bb5acf97c6
commit 2b4155e969
5 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -459,6 +459,10 @@ pre.ace_editor {
@apply first-letter:capitalize; @apply first-letter:capitalize;
} }
details summary::-webkit-details-marker {
@apply hidden;
}
@media (max-width: 767px) { @media (max-width: 767px) {
main { main {
margin-bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);

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

@@ -37,7 +37,7 @@
open open
> >
<summary <summary
class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer text-secondaryLight text-tiny group" class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
> >
<span <span
class="px-4 py-2 truncate transition group-hover:text-secondary capitalize-first" class="px-4 py-2 truncate transition group-hover:text-secondary capitalize-first"

6
packages/hoppscotch-app/components/realtime/Mqtt.vue
View File

@@ -73,7 +73,7 @@
min-size="20" min-size="20"
class="hide-scrollbar !overflow-auto" class="hide-scrollbar !overflow-auto"
> >
<div class="flex inline-flex flex-col flex-1 p-4"> <div class="flex flex-col flex-1 p-4">
<label for="pub_topic" class="font-semibold text-secondaryLight"> <label for="pub_topic" class="font-semibold text-secondaryLight">
{{ $t("mqtt.topic") }} {{ $t("mqtt.topic") }}
</label> </label>
@@ -112,9 +112,7 @@
@click.native="publish" @click.native="publish"
/> />
</div> </div>
<div <div class="flex flex-col flex-1 p-4 mt-4 border-t border-dividerLight">
class="flex inline-flex flex-col flex-1 p-4 mt-4 border-t border-dividerLight"
>
<label for="sub_topic" class="font-semibold text-secondaryLight"> <label for="sub_topic" class="font-semibold text-secondaryLight">
{{ $t("mqtt.topic") }} {{ $t("mqtt.topic") }}
</label> </label>

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

@@ -225,7 +225,7 @@
min-size="20" min-size="20"
class="hide-scrollbar !overflow-auto" class="hide-scrollbar !overflow-auto"
> >
<div class="flex inline-flex flex-col flex-1 p-4"> <div class="flex flex-col flex-1 p-4">
<label for="events" class="font-semibold text-secondaryLight"> <label for="events" class="font-semibold text-secondaryLight">
{{ $t("socketio.events") }} {{ $t("socketio.events") }}
</label> </label>

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

@@ -147,7 +147,7 @@
min-size="20" min-size="20"
class="hide-scrollbar !overflow-auto" class="hide-scrollbar !overflow-auto"
> >
<div class="flex inline-flex flex-col flex-1 p-4"> <div class="flex flex-col flex-1 p-4">
<label <label
for="websocket-message" for="websocket-message"
class="font-semibold text-secondaryLight" class="font-semibold text-secondaryLight"