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

feat: replacing windicss by tailwindcss in hoppscotch-ui (#3076)

Browse Source 
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com>
Co-authored-by: nivedin <nivedinp@gmail.com>
This commit is contained in:
Anwarul Islam
2023-11-01 21:25:08 +06:00
committed by GitHub
parent 59b5a50a97
commit a215860782
174 changed files with 6921 additions and 5185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/hoppscotch-common/src/components/realtime/Communication.vue
View File

@@ -1,18 +1,18 @@
<template>
<div
class="flex flex-col flex-1"
class="flex flex-1 flex-col"
:class="{ eventFeildShown: showEventField }"
>
<div
v-if="showEventField"
class="sticky z-10 flex items-center justify-center flex-shrink-0 overflow-x-auto border-b bg-primary border-dividerLight"
class="sticky z-10 flex flex-shrink-0 items-center justify-center overflow-x-auto border-b border-dividerLight bg-primary"
:class="eventFieldStyles"
>
<icon-lucide-rss class="mx-4 svg-icons text-accentLight" />
<icon-lucide-rss class="svg-icons mx-4 text-accentLight" />
<input
id="event_name"
v-model="eventName"
class="w-full py-2 pr-4 truncate bg-primary"
class="w-full truncate bg-primary py-2 pr-4"
name="event_name"
:placeholder="`${t('socketio.event_name')}`"
type="text"
@@ -20,11 +20,11 @@
/>
</div>
<div
class="sticky z-10 flex items-center justify-between flex-shrink-0 pl-4 overflow-x-auto border-b bg-primary border-dividerLight"
class="sticky z-10 flex flex-shrink-0 items-center justify-between overflow-x-auto border-b border-dividerLight bg-primary pl-4"
:class="stickyHeaderStyles"
>
<span class="flex items-center">
<label class="font-semibold truncate text-secondaryLight">
<label class="truncate font-semibold text-secondaryLight">
{{ t("websocket.message") }}
</label>
<tippy
@@ -36,7 +36,7 @@
<span class="select-wrapper">
<HoppButtonSecondary
:label="contentType || t('state.none').toLowerCase()"
class="pr-8 ml-2 rounded-none"
class="ml-2 rounded-none pr-8"
/>
</span>
<template #content="{ hide }">
@@ -74,7 +74,7 @@
:label="`${t('action.send')}`"
:disabled="!communicationBody || !isConnected"
:icon="IconSend"
class="rounded-none !text-accent !hover:text-accentDark"
class="!hover:text-accentDark rounded-none !text-accent"
@click="sendMessage()"
/>
<HoppSmartCheckbox
@@ -130,7 +130,7 @@
/>
</div>
</div>
<div ref="wsCommunicationBody" class="flex flex-col flex-1"></div>
<div ref="wsCommunicationBody" class="flex flex-1 flex-col"></div>
</div>
</template>
<script setup lang="ts">