mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-29 07:34:07 +00:00
style: update OAuth2 section labels for improved consistency and readability (#6598)
This commit is contained in:
@@ -170,7 +170,7 @@ const AdditionalParams = ({ item = {}, request, updateAuth, collection, handleSa
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconAdjustmentsHorizontal size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Additional Parameters
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -156,7 +156,7 @@ const OAuth2AuthorizationCode = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Configuration
|
||||
</span>
|
||||
</div>
|
||||
@@ -261,7 +261,7 @@ const OAuth2AuthorizationCode = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconKey size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Token
|
||||
</span>
|
||||
</div>
|
||||
@@ -344,7 +344,7 @@ const OAuth2AuthorizationCode = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconAdjustmentsHorizontal size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Advanced Settings
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -94,7 +94,7 @@ const OAuth2ClientCredentials = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Configuration
|
||||
</span>
|
||||
</div>
|
||||
@@ -152,7 +152,7 @@ const OAuth2ClientCredentials = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconKey size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Token
|
||||
</span>
|
||||
</div>
|
||||
@@ -235,7 +235,7 @@ const OAuth2ClientCredentials = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconAdjustmentsHorizontal size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Advanced Settings
|
||||
</span>
|
||||
</div>
|
||||
@@ -259,7 +259,7 @@ const OAuth2ClientCredentials = ({ save, item = {}, request, handleRun, updateAu
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">Settings</span>
|
||||
<span className="oauth2-section-label">Settings</span>
|
||||
</div>
|
||||
|
||||
{/* Automatically Fetch Token */}
|
||||
|
||||
@@ -77,7 +77,7 @@ const GrantTypeSelector = ({ item = {}, request, updateAuth, collection }) => {
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconKey size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Grant Type
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -111,7 +111,7 @@ const OAuth2Implicit = ({ save, item = {}, request, handleRun, updateAuth, colle
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Configuration
|
||||
</span>
|
||||
</div>
|
||||
@@ -179,7 +179,7 @@ const OAuth2Implicit = ({ save, item = {}, request, handleRun, updateAuth, colle
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconKey size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Token
|
||||
</span>
|
||||
</div>
|
||||
@@ -264,7 +264,7 @@ const OAuth2Implicit = ({ save, item = {}, request, handleRun, updateAuth, colle
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconAdjustmentsHorizontal size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Advanced Options
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -98,7 +98,7 @@ const OAuth2PasswordCredentials = ({ save, item = {}, request, handleRun, update
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Configuration
|
||||
</span>
|
||||
</div>
|
||||
@@ -156,7 +156,7 @@ const OAuth2PasswordCredentials = ({ save, item = {}, request, handleRun, update
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconKey size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Token
|
||||
</span>
|
||||
</div>
|
||||
@@ -239,7 +239,7 @@ const OAuth2PasswordCredentials = ({ save, item = {}, request, handleRun, update
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconAdjustmentsHorizontal size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">
|
||||
<span className="oauth2-section-label">
|
||||
Advanced Settings
|
||||
</span>
|
||||
</div>
|
||||
@@ -263,7 +263,7 @@ const OAuth2PasswordCredentials = ({ save, item = {}, request, handleRun, update
|
||||
<div className="flex items-center px-2.5 py-1.5 oauth2-icon-container rounded-md">
|
||||
<IconSettings size={14} className="oauth2-icon" />
|
||||
</div>
|
||||
<span className="text-gray-800 dark:text-gray-200">Settings</span>
|
||||
<span className="oauth2-section-label">Settings</span>
|
||||
</div>
|
||||
|
||||
{/* Automatically Fetch Token */}
|
||||
|
||||
@@ -16,6 +16,10 @@ const Wrapper = styled.div`
|
||||
cursor: pointer;
|
||||
accent-color: ${(props) => props.theme.primary.solid};
|
||||
}
|
||||
|
||||
.oauth2-section-label {
|
||||
color: ${(props) => props.theme.text};
|
||||
}
|
||||
`;
|
||||
|
||||
export default Wrapper;
|
||||
|
||||
Reference in New Issue
Block a user