duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-19 23:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Updated infostand & userpofile now mobile friendly and cards as background

Browse Source
This commit is contained in:
duckietm
2026-06-02 15:12:51 +02:00
parent 76ec66932b
commit c9ac6806dd
5 changed files with 177 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/user-profile/UserProfileView.css
+107 -11
View File
@@ -250,6 +250,7 @@
transform: translateY(-50%);
overflow: hidden;
}
.nitro-extended-profile__relationship-head .avatar-image {
position: absolute !important;
inset: 0 !important;
@@ -330,6 +331,10 @@
background: #ece8dc;
}
.nitro-extended-profile-window__content.profile-card-background .nitro-extended-profile-window__body {
background: transparent;
}
.nitro-extended-profile-window__body--groups {
min-height: 249px;
}
@@ -377,10 +382,8 @@
.nitro-extended-profile-groups__details {
min-width: 0;
min-height: 236px;
border: 1px solid #9e9e9e;
border-radius: 14px;
background: #bdbbbb;
padding: 11px;
max-height: 100%;
overflow-y: auto;
}
.nitro-extended-profile-group-info {
@@ -389,7 +392,7 @@
gap: 12px;
min-height: 100%;
border: 1px solid #9f9f9f;
border-radius: 10px;
border-radius: 12px;
background: #efede4;
padding: 12px 14px;
}
@@ -407,6 +410,7 @@
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.nitro-extended-profile-group-info__meta {
@@ -457,9 +461,14 @@
margin-top: auto;
}
.nitro-extended-profile-group-info .group-badge .badge-image {
transform: scale(2.1);
transform-origin: center;
.nitro-extended-profile-group-info__badge-wrap .group-badge {
width: 100% !important;
height: 100% !important;
transform: none !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
image-rendering: pixelated;
}
.nitro-extended-profile-window .layout-grid-item.active {
@@ -479,7 +488,94 @@
justify-content: center;
}
.nitro-extended-profile-window .layout-grid-item .badge-image.group-badge {
width: auto !important;
height: auto !important;
.nitro-extended-profile-groups__item {
overflow: hidden;
}
.nitro-extended-profile-groups__item .group-badge {
width: 40px !important;
height: 40px !important;
transform: none !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
image-rendering: pixelated;
}
@media (max-width: 575.98px) {
.nitro-extended-profile-window__content {
overflow-y: auto;
}
.nitro-extended-profile-window__body--groups {
flex: 0 0 auto;
overflow: visible;
}
.nitro-extended-profile-window__panel {
height: auto;
}
.nitro-extended-profile__top {
grid-template-columns: minmax(0, 1fr);
min-height: 0;
}
.nitro-extended-profile__separator {
display: none;
}
.nitro-extended-profile-groups {
display: flex;
flex-direction: column;
gap: 8px;
height: auto;
min-height: 0;
}
.nitro-extended-profile-groups__sidebar {
min-width: 0;
flex: 0 0 auto;
}
.nitro-extended-profile-groups__list {
display: flex;
flex: 0 0 auto;
flex-direction: row;
flex-wrap: nowrap;
gap: 6px;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
padding-right: 0;
padding-bottom: 6px;
scrollbar-width: thin;
}
.nitro-extended-profile-groups__item {
flex: 0 0 auto;
margin-bottom: 0;
}
.nitro-extended-profile-groups__details {
min-height: 0;
max-height: none;
overflow: visible;
}
.nitro-extended-profile-group-info {
grid-template-columns: 72px minmax(0, 1fr);
gap: 10px;
padding: 10px;
}
.nitro-extended-profile-group-info__badge-wrap {
width: 64px;
height: 64px;
}
.nitro-extended-profile-group-info__button {
min-width: 0;
width: 100%;
}
}