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

FIX - optically center VaultX activity filters

Browse Source 
Offset the activity filter icons and labels together to compensate for the font baseline and Lucide SVG view boxes at the scaled phone size. Preserve equal alignment across all three filters and cover the optical offset in the contract test.
This commit is contained in:
smx.pusha
2026-08-18 13:08:38 +02:00
parent 88913eb881
commit 334f9f24fc
2 changed files with 4 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 -1
View File
@@ -215,7 +215,8 @@ describe('VaultX crypto app contracts', () => {
expect(source).toContain('class="activity-status__icon"')
expect(source).toContain('<WalletCards :size="15" />')
expect(source).toContain('top: 50%;')
expect(source).toContain('transform: translateY(-50%);')
expect(source).toContain('transform: translateY(calc(-50% - 1px));')
expect(source).toContain('transform: translateY(-1px);')
})
it('exposes a broad fictional market with dedicated logo marks', () => {
frontend/src/views/apps/CryptoApp.vue
+2 -1
View File
@@ -3581,7 +3581,7 @@ onUnmounted(() => {
inset-inline-start: 10px;
display: block;
flex: 0 0 auto;
transform: translateY(-50%);
transform: translateY(calc(-50% - 1px));
}
.activity-filters :deep(.sky-segmented-button > span) {
display: flex;
@@ -3592,6 +3592,7 @@ onUnmounted(() => {
line-height: 1;
text-align: center;
white-space: nowrap;
transform: translateY(-1px);
}
:deep(.activity-filters.sky-segmented--strong .sky-segmented-button--active) {
color: #fff;