style: update OAuth2 section labels for improved consistency and readability (#6598)

This commit is contained in:
gopu-bruno
2025-12-31 21:50:22 +05:30
committed by GitHub
parent ea1002c7a0
commit 72f186b38a
7 changed files with 20 additions and 16 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 */}

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 */}

View File

@@ -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;