chore: align request method

This commit is contained in:
Anoop M D 2022-03-18 02:24:30 +05:30
parent 907f44d351
commit 951014cca2
3 changed files with 14 additions and 2 deletions

View File

@ -1,6 +1,16 @@
import styled from 'styled-components'; import styled from 'styled-components';
const Wrapper = styled.div` const Wrapper = styled.div`
font-size: 0.6875rem;
display: flex;
align-self: stretch;
align-items: center;
span {
position: relative;
top: 1px;
}
.method-get { color: var(--color-method-get);} .method-get { color: var(--color-method-get);}
.method-post { color: var(--color-method-post);} .method-post { color: var(--color-method-post);}
.method-put { color: var(--color-method-put);} .method-put { color: var(--color-method-put);}

View File

@ -20,7 +20,9 @@ const RequestMethod = ({item}) => {
return ( return (
<StyledWrapper> <StyledWrapper>
<span className={getClassname(item.request.method)}>{item.request.method}</span> <div className={getClassname(item.request.method)}>
<span>{item.request.method}</span>
</div>
</StyledWrapper> </StyledWrapper>
); );
}; };

View File

@ -93,7 +93,7 @@ const CollectionItem = ({item, collectionUid}) => {
<div className="ml-1 flex items-center"> <div className="ml-1 flex items-center">
<RequestMethod item={item}/> <RequestMethod item={item}/>
{item.name} <div>{item.name}</div>
</div> </div>
</div> </div>
<div className="menu-icon pr-2"> <div className="menu-icon pr-2">