feat: design revamp

This commit is contained in:
Anoop M D
2025-11-28 05:10:29 +05:30
parent 7ee366eb81
commit fa94efaa24
11 changed files with 406 additions and 80 deletions

View File

@@ -27,7 +27,7 @@ const Icon = forwardRef(function IconComponent(
<input
ref={inputRef}
type="text"
className="font-medium px-2 w-full focus:bg-transparent"
className="px-2 w-full focus:bg-transparent"
value={inputValue}
onChange={handleInputChange}
onBlur={handleBlur}
@@ -46,7 +46,7 @@ const Icon = forwardRef(function IconComponent(
className="cursor-pointer flex items-center text-left w-full"
>
<span
className="font-medium px-2 truncate method-span"
className="px-2 truncate method-span"
id="create-new-request-method"
title={inputValue}
>

View File

@@ -2,17 +2,19 @@ import styled from 'styled-components';
const Wrapper = styled.div`
height: 2.3rem;
border: ${(props) => props.theme.requestTabPanel.url.border};
border-radius: ${(props) => props.theme.border.radius.base};
div.method-selector-container {
background-color: ${(props) => props.theme.requestTabPanel.url.bg};
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: ${(props) => props.theme.border.radius.base};
border-bottom-left-radius: ${(props) => props.theme.border.radius.base};
}
div.input-container {
background-color: ${(props) => props.theme.requestTabPanel.url.bg};
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: ${(props) => props.theme.border.radius.base};
border-bottom-right-radius: ${(props) => props.theme.border.radius.base};
input {
background-color: ${(props) => props.theme.requestTabPanel.url.bg};