Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 21:38:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(profile): design & layout adjustments

Browse Source
This commit is contained in:
Spythere
2026-02-18 02:14:30 +01:00
parent f2c11bf2cf
commit 03e69b315c
5 changed files with 26 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PlayerProfileView/ProfileRecentStats.vue
+11 -5
View File
@@ -1,6 +1,9 @@
<template>
<section class="profile-recent-stats">
<h3 class="stats-header">{{ t('profile.recent-stats.header') }}</h3>
<h2 class="stats-header">
<img src="/images/icon-stats.svg" width="30" alt="stats icon" />
{{ t('profile.recent-stats.header') }}
</h2>
<div class="month-stats-box">
<div class="month-stat">
@@ -67,19 +70,22 @@ defineProps({
}
.stats-header {
padding: 0.5em;
background-color: var(--clr-tile);
margin-bottom: 0.5em;
padding: 1em;
img {
vertical-align: text-bottom;
}
}
.month-stats-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.5em;
padding: 0.5em;
}
.month-stat {
background-color: var(--clr-tile);
background-color: var(--clr-bg-light);
border-radius: 0.5em;
padding: 0.5em;