精簡選隊伍頁提示並更新 README
This commit is contained in:
31
src/App.css
31
src/App.css
@@ -178,6 +178,37 @@
|
||||
background: rgba(255, 214, 224, 0.94);
|
||||
}
|
||||
|
||||
.floating-status-bubble {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: 60;
|
||||
transform: translate(-50%, -50%);
|
||||
min-width: min(78vw, 320px);
|
||||
max-width: min(84vw, 420px);
|
||||
padding: 14px 20px;
|
||||
border-radius: 999px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
color: #f8fff9;
|
||||
background: linear-gradient(135deg, rgba(8, 47, 73, 0.96), rgba(10, 96, 84, 0.92));
|
||||
box-shadow: 0 18px 40px rgba(8, 47, 73, 0.28);
|
||||
pointer-events: none;
|
||||
animation: status-bubble-in 0.18s ease-out;
|
||||
}
|
||||
|
||||
@keyframes status-bubble-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, calc(-50% + 10px)) scale(0.96);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.selection-shell,
|
||||
.selection-form,
|
||||
.group-board {
|
||||
|
||||
Reference in New Issue
Block a user