starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-08-29 01:08:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX - align VaultX activity filters

Browse Source 
Center every activity filter icon and label on the segmented control axis so differing SVG baselines no longer shift the visual height. Keep the alignment covered by the VaultX contract test.
This commit is contained in:
smx.pusha
2026-08-18 12:53:52 +02:00
parent f657d1f63b
commit 6def666e1b
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/CryptoApp.contract.test.ts
+2
View File
@@ -203,6 +203,8 @@ describe('VaultX crypto app contracts', () => {
expect(source).toContain('class="activity-filters"')
expect(source).toContain('class="activity-status__icon"')
expect(source).toContain('<WalletCards :size="15" />')
expect(source).toContain('top: 50%;')
expect(source).toContain('transform: translateY(-50%);')
})
it('exposes a broad fictional market with dedicated logo marks', () => {
frontend/src/views/apps/CryptoApp.vue
+4 -2
View File
@@ -3554,17 +3554,19 @@ onUnmounted(() => {
}
.activity-filters :deep(.sky-segmented-button svg) {
position: absolute;
top: 50%;
inset-inline-start: 10px;
display: block;
flex: 0 0 auto;
transform: translateY(-50%);
}
.activity-filters :deep(.sky-segmented-button > span) {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 15px;
line-height: 15px;
min-height: 15px;
line-height: 1;
text-align: center;
white-space: nowrap;
}