thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

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
Show stats 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;
}
details summary::-webkit-details-marker {
@apply hidden;
}
@media (max-width: 767px) {
main {
margin-bottom: env(safe-area-inset-bottom);

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

@ -37,7 +37,7 @@
open
>
<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
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"
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">
{{ $t("mqtt.topic") }}
</label>
@ -112,9 +112,7 @@
@click.native="publish"
/>
</div>
<div
class="flex inline-flex flex-col flex-1 p-4 mt-4 border-t border-dividerLight"
>
<div class="flex flex-col flex-1 p-4 mt-4 border-t border-dividerLight">
<label for="sub_topic" class="font-semibold text-secondaryLight">
{{ $t("mqtt.topic") }}
</label>

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

@ -225,7 +225,7 @@
min-size="20"
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">
{{ $t("socketio.events") }}
</label>

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

@ -147,7 +147,7 @@
min-size="20"
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="websocket-message"
class="font-semibold text-secondaryLight"