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

refactor: sort windi class names

Browse Source
This commit is contained in:
liyasthomas
2021-12-01 22:59:01 +05:30
parent 520ac8ede5
commit a508909471
91 changed files with 518 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/hoppscotch-app/components/history/graphql/Card.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="group flex flex-col">
<div class="flex flex-col group">
<div class="flex items-center">
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pl-4 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 pl-4 transition group-hover:text-secondaryDark"
data-testid="restore_history_entry"
@click="useEntry"
>
@@ -15,7 +15,7 @@
svg="trash"
color="red"
:title="$t('action.remove')"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
data-testid="delete_history_entry"
@click.native="$emit('delete-entry')"
/>
@@ -23,7 +23,7 @@
v-tippy="{ theme: 'tooltip' }"
:title="expand ? $t('hide.more') : $t('show.more')"
:svg="expand ? 'minimize-2' : 'maximize-2'"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
@click.native="expand = !expand"
/>
<ButtonSecondary
@@ -40,7 +40,7 @@
<span
v-for="(line, index) in query"
:key="`line-${index}`"
class="text-secondaryLight px-4 truncate whitespace-pre cursor-pointer"
class="cursor-pointer text-secondaryLight px-4 truncate whitespace-pre"
data-testid="restore_history_entry"
@click="useEntry"
>{{ line }}</span

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

@@ -1,11 +1,11 @@
<template>
<AppSection label="history">
<div class="sticky top-0 z-10 flex border-b bg-primary border-dividerLight">
<div class="bg-primary border-b border-dividerLight flex top-0 z-10 sticky">
<input
v-model="filterText"
type="search"
autocomplete="off"
class="flex w-full p-4 py-2 bg-transparent"
class="bg-transparent flex w-full p-4 py-2"
:placeholder="`${$t('action.search')}`"
/>
<div class="flex">
@@ -49,24 +49,24 @@
</div>
<div
v-if="!(filteredHistory.length !== 0 || history.length === 0)"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<i class="pb-2 opacity-75 material-icons">manage_search</i>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<span class="text-center">
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>
</div>
<div
v-if="history.length === 0"
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<img
:src="`/images/states/${$colorMode.value}/history.svg`"
loading="lazy"
class="inline-flex flex-col object-contain object-center w-16 h-16 my-4"
class="flex-col object-contain object-center h-16 my-4 w-16 inline-flex"
:alt="$t('empty.history')"
/>
<span class="mb-4 text-center">
<span class="text-center mb-4">
{{ $t("empty.history") }}
</span>
</div>

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

@@ -1,7 +1,7 @@
<template>
<div class="group flex items-center">
<div class="flex items-center group">
<span
class="flex items-center justify-center w-16 px-2 truncate cursor-pointer"
class="cursor-pointer flex px-2 w-16 items-center justify-center truncate"
:class="entryStatus.className"
data-testid="restore_history_entry"
:title="`${duration}`"
@@ -10,7 +10,7 @@
{{ entry.request.method }}
</span>
<span
class="group-hover:text-secondaryDark flex flex-1 min-w-0 py-2 pr-2 transition cursor-pointer"
class="cursor-pointer flex flex-1 min-w-0 py-2 pr-2 transition group-hover:text-secondaryDark"
data-testid="restore_history_entry"
:title="`${duration}`"
@click="$emit('use-entry')"
@@ -24,7 +24,7 @@
svg="trash"
color="red"
:title="$t('action.remove')"
class="group-hover:inline-flex hidden"
class="hidden group-hover:inline-flex"
data-testid="delete_history_entry"
@click.native="$emit('delete-entry')"
/>