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

refactor: remaining sections stylings

Browse Source
This commit is contained in:
liyasthomas
2021-07-12 04:20:00 +05:30
parent 2e092d34a6
commit b5e524e513
15 changed files with 316 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
components/lenses/HeadersRenderer.vue
View File

@@ -1,13 +1,50 @@
<template>
<div>
<p v-for="(value, key) in headers" :key="key">
<input
:value="`${key} → ${value}`"
:name="key"
class="input bg-transparent"
readonly
/>
</p>
<div class="p-2 font-mono">
<div v-for="(value, key) in headers" :key="key" class="flex items-center">
<span
class="
p-2
flex
min-w-0
text-xs
group-hover:text-secondaryDark
transition
font-semibold
"
>
<span class="truncate">
{{ key }}
</span>
</span>
<span
class="
font-mono font-bold
flex
justify-center
items-center
text-xs
mx-2
truncate
"
>
→
</span>
<span
class="
p-2
flex flex-1
min-w-0
text-xs
group-hover:text-secondaryDark
transition
font-semibold
"
>
<span class="truncate">
{{ value }}
</span>
</span>
</div>
</div>
</template>