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

fix: foreground, background styles

Browse Source
This commit is contained in:
liyasthomas
2022-02-11 10:50:24 +05:30
parent 7b2dc68481
commit 698ebe1063
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/hoppscotch-app/components/http/Request.vue
View File

@@ -2,7 +2,7 @@
<div <div
class="sticky top-0 z-10 flex flex-shrink-0 p-4 space-x-2 overflow-x-auto bg-primary hide-scrollbar" class="sticky top-0 z-10 flex flex-shrink-0 p-4 space-x-2 overflow-x-auto bg-primary hide-scrollbar"
> >
<div class="flex flex-1"> <div class="flex flex-1 border border-divider rounded">
<div class="relative flex"> <div class="relative flex">
<label for="method"> <label for="method">
<tippy <tippy
@@ -16,7 +16,7 @@
<span class="select-wrapper"> <span class="select-wrapper">
<input <input
id="method" id="method"
class="flex px-4 py-2 font-semibold border rounded-l cursor-pointer bg-primaryLight border-divider text-secondaryDark w-26 hover:border-dividerDark focus-visible:bg-transparent focus-visible:border-dividerDark" class="flex px-4 py-2 transition font-semibold rounded-l cursor-pointer text-secondaryDark w-26 bg-primaryLight"
:value="newMethod" :value="newMethod"
:readonly="!isCustomMethod" :readonly="!isCustomMethod"
:placeholder="`${t('request.method')}`" :placeholder="`${t('request.method')}`"
@@ -33,7 +33,9 @@
</tippy> </tippy>
</label> </label>
</div> </div>
<div class="flex flex-1 border rounded-r border-divider"> <div
class="flex flex-1 border-l border-divider transition rounded-r bg-primaryLight"
>
<SmartEnvInput <SmartEnvInput
v-model="newEndpoint" v-model="newEndpoint"
:placeholder="`${t('request.url')}`" :placeholder="`${t('request.url')}`"

3
packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
View File

@@ -155,7 +155,8 @@ export const inputTheme = EditorView.theme({
".cm-content": { ".cm-content": {
caretColor: "var(--secondary-light-color)", caretColor: "var(--secondary-light-color)",
fontFamily: "var(--font-sans)", fontFamily: "var(--font-sans)",
backgroundColor: "var(--primary-color)", color: "var(--secondary-dark-color)",
backgroundColor: "transparent",
borderRadius: "0.25rem", borderRadius: "0.25rem",
}, },
".cm-cursor": { ".cm-cursor": {