github/inji-wallet
1
1
Fork 0
mirror of https://github.com/mosip/inji-wallet.git synced 2026-01-08 21:18:14 -05:00
Code Issues Packages Projects Releases Wiki Activity

[INJIMOB-3633][INJIMOB-3636] fix icon bg color across app (#2134)

Browse Source 
Signed-off-by: Abhishek Paul <paul.apaul.abhishek.ap@gmail.com>
This commit is contained in:
abhip2565
2025-11-14 10:21:25 +05:30
committed by GitHub
parent 6a202b11af
commit d8d718693d
4 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/Detailed_view_kebab_icon.svg
View File

@@ -11,7 +11,7 @@
<rect id="Rectangle_6977" data-name="Rectangle 6977" width="18" height="18" transform="translate(0.164 0.164)" fill="none"/>
</g>
</g>
<rect id="Rectangle_6981" data-name="Rectangle 6981" width="36" height="36" rx="8" transform="translate(266 71)" fill="#F7EDF3" opacity="1"/>
<rect id="Rectangle_6981" data-name="Rectangle 6981" width="36" height="36" rx="8" transform="translate(266 71)" fill="#FF530014" opacity="1"/>
<path id="more_horiz_FILL0_wght400_GRAD0_opsz48" d="M161.277-525.5a1.24,1.24,0,0,1-.9-.368,1.2,1.2,0,0,1-.374-.885,1.181,1.181,0,0,1,.377-.882,1.259,1.259,0,0,1,.907-.365,1.24,1.24,0,0,1,.9.368,1.2,1.2,0,0,1,.374.885,1.181,1.181,0,0,1-.377.882A1.259,1.259,0,0,1,161.277-525.5Zm5.219,0a1.24,1.24,0,0,1-.9-.368,1.2,1.2,0,0,1-.374-.885,1.181,1.181,0,0,1,.377-.882A1.259,1.259,0,0,1,166.5-528a1.24,1.24,0,0,1,.9.368,1.2,1.2,0,0,1,.374.885,1.181,1.181,0,0,1-.377.882A1.259,1.259,0,0,1,166.5-525.5Zm5.219,0a1.24,1.24,0,0,1-.9-.368,1.2,1.2,0,0,1-.374-.885,1.181,1.181,0,0,1,.377-.882,1.259,1.259,0,0,1,.907-.365,1.24,1.24,0,0,1,.9.368,1.2,1.2,0,0,1,.374.885,1.181,1.181,0,0,1-.377.882A1.259,1.259,0,0,1,171.715-525.5Z" transform="translate(117.5 615.5)" fill="url(#linear-gradient)"/>
<path id="more_horiz_FILL0_wght400_GRAD0_opsz48_-_Outline" data-name="more_horiz_FILL0_wght400_GRAD0_opsz48 - Outline" d="M171.715-525.25a1.488,1.488,0,0,1-1.079-.44,1.445,1.445,0,0,1-.448-1.063,1.427,1.427,0,0,1,.454-1.062,1.507,1.507,0,0,1,1.081-.435,1.488,1.488,0,0,1,1.079.44,1.445,1.445,0,0,1,.448,1.063,1.427,1.427,0,0,1-.454,1.062A1.507,1.507,0,0,1,171.715-525.25Zm.008-2.5a1.01,1.01,0,0,0-.734.294.933.933,0,0,0-.3.7.949.949,0,0,0,.3.707.991.991,0,0,0,.728.3,1.009,1.009,0,0,0,.734-.294.932.932,0,0,0,.3-.7.95.95,0,0,0-.3-.707A.991.991,0,0,0,171.723-527.75Zm-5.226,2.5a1.488,1.488,0,0,1-1.079-.44,1.445,1.445,0,0,1-.448-1.063,1.428,1.428,0,0,1,.454-1.062,1.507,1.507,0,0,1,1.081-.435,1.488,1.488,0,0,1,1.079.44,1.445,1.445,0,0,1,.448,1.063,1.427,1.427,0,0,1-.454,1.062A1.507,1.507,0,0,1,166.5-525.25Zm.008-2.5a1.01,1.01,0,0,0-.734.294.933.933,0,0,0-.3.7.949.949,0,0,0,.3.707.991.991,0,0,0,.728.3,1.009,1.009,0,0,0,.734-.294.932.932,0,0,0,.3-.7.949.949,0,0,0-.3-.707A.991.991,0,0,0,166.5-527.75Zm-5.226,2.5a1.488,1.488,0,0,1-1.079-.44,1.445,1.445,0,0,1-.448-1.063,1.427,1.427,0,0,1,.454-1.062,1.507,1.507,0,0,1,1.081-.435,1.488,1.488,0,0,1,1.079.44,1.445,1.445,0,0,1,.448,1.063,1.427,1.427,0,0,1-.454,1.062A1.507,1.507,0,0,1,161.277-525.25Zm.008-2.5a1.01,1.01,0,0,0-.734.294.932.932,0,0,0-.3.7.949.949,0,0,0,.3.707.991.991,0,0,0,.728.3,1.009,1.009,0,0,0,.734-.294.932.932,0,0,0,.3-.7.949.949,0,0,0-.3-.707A.991.991,0,0,0,161.285-527.75Z" transform="translate(117.5 615.5)" fill="url(#linear-gradient)"/>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

3
components/ui/themes/DefaultTheme.ts
View File

@@ -499,6 +499,9 @@ export const DefaultTheme = {
ProfileIconPinnedStyle: {
position: 'absolute',
},
BackButtonBgGradient:{
borderRadius: 10,
},
IconContainer: {
padding: 6,
width: 25,

3
components/ui/themes/PurpleTheme.ts
View File

@@ -512,6 +512,9 @@ export const PurpleTheme = {
borderRadius: 10,
backgroundColor: Colors.LightPurple,
},
BackButtonBgGradient:{
borderRadius: 10,
},
imageCaptureButton: {
marginLeft: 130,
marginRight: 50,

36
screens/Request/RequestLayout.tsx
View File

@@ -20,7 +20,7 @@ import LinearGradient from 'react-native-linear-gradient';
const RequestStack = createNativeStackNavigator();
export const RequestLayout: React.FC = () => {
const {t} = useTranslation('RequestScreen');
const { t } = useTranslation('RequestScreen');
const controller = useRequestLayout();
const receivedCardsController = useReceivedVcsTab();
const bleErrorCode = controller.bleError.code;
@@ -49,6 +49,10 @@ export const RequestLayout: React.FC = () => {
title: t('incomingVc'),
headerLeft: () =>
!I18nManager.isRTL && (
<LinearGradient start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}
colors={Theme.Colors.GradientColorsLight}
style={Theme.Styles.BackButtonBgGradient}>
<HeaderBackButton
onPress={() => {
controller.RESET();
@@ -56,9 +60,14 @@ export const RequestLayout: React.FC = () => {
style={Theme.Styles.IconContainer}
tintColor={Theme.Colors.Icon}
/>
</LinearGradient>
),
headerRight: () =>
I18nManager.isRTL && (
<LinearGradient start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}
colors={Theme.Colors.GradientColorsLight}
style={Theme.Styles.BackButtonBgGradient}>
<HeaderBackButton
onPress={() => {
controller.RESET();
@@ -66,6 +75,7 @@ export const RequestLayout: React.FC = () => {
style={Theme.Styles.IconContainer}
tintColor={Theme.Colors.Icon}
/>
</LinearGradient>
),
}}
/>
@@ -77,16 +87,25 @@ export const RequestLayout: React.FC = () => {
title: t('receiveCard'),
headerLeft: () =>
!I18nManager.isRTL && (
<HeaderBackButton
onPress={() => {
controller.GOTO_HOME();
}}
style={Theme.Styles.IconContainer}
tintColor={Theme.Colors.Icon}
/>
<LinearGradient start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}
colors={Theme.Colors.GradientColorsLight}
style={Theme.Styles.BackButtonBgGradient}>
<HeaderBackButton
onPress={() => {
controller.GOTO_HOME();
}}
style={Theme.Styles.IconContainer}
tintColor={Theme.Colors.Icon}
/>
</LinearGradient>
),
headerRight: () =>
I18nManager.isRTL && (
<LinearGradient start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}
colors={Theme.Colors.GradientColorsLight}
style={Theme.Styles.BackButtonBgGradient}>
<HeaderBackButton
onPress={() => {
controller.GOTO_HOME();
@@ -94,6 +113,7 @@ export const RequestLayout: React.FC = () => {
style={Theme.Styles.IconContainer}
tintColor={Theme.Colors.Icon}
/>
</LinearGradient>
),
}}
/>