glpshchn
/
nakama
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update files

This commit is contained in:
glpshchn 2025-12-03 21:04:50 +03:00
parent 19b40b9160
commit e9afda5e16
1 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/PostCard.css
View File

@ -268,21 +268,33 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
animation: fadeIn 0.2s ease-out; animation: fadeIn 0.2s ease-out;
overflow: hidden;
} }
.fullview-header { .fullview-header {
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 12px 16px; padding: 12px 16px;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
z-index: 10001;
will-change: transform;
transform: translateZ(0);
flex-shrink: 0;
} }
.fullview-counter { .fullview-counter {
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: white; color: white;
min-width: 60px;
text-align: center;
flex-shrink: 0;
} }
.fullview-btn { .fullview-btn {
@ -295,6 +307,11 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: background 0.2s; transition: background 0.2s;
border: none;
cursor: pointer;
position: relative;
z-index: 10002;
flex-shrink: 0;
} }
.fullview-btn:active { .fullview-btn:active {
@ -308,13 +325,17 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin-top: 68px;
margin-bottom: 80px;
} }
.fullview-content img { .fullview-content img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: calc(100vh - 148px);
object-fit: contain; object-fit: contain;
user-select: none; user-select: none;
display: block;
min-height: 0;
} }
.fullview-nav-btn { .fullview-nav-btn {
@ -347,6 +368,10 @@
} }
.fullview-dots { .fullview-dots {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -354,6 +379,8 @@
padding: 16px; padding: 16px;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
z-index: 10001;
flex-shrink: 0;
} }
.fullview-dot { .fullview-dot {