Replace SCSS variable usages with explicit pixel/hex values for consistent styling across all components Fix broken template syntax including missing class spaces and incorrect closing tags Migrate constant and API imports to centralized @/constants and @/api modules Add new utility classes: IdUtils, CallbackUtils, and TimerUtils Add new chat conversation API endpoints for recent conversations and message lists Add new Discovery page components (FindTabs, QuickQuestions, CardSwiper) and their styles Update app store config to use environment variables for base API and WebSocket URLs Add new selected tab icon assets
64 lines
1.1 KiB
SCSS
64 lines
1.1 KiB
SCSS
.date-scroll {
|
|
width: 100%;
|
|
}
|
|
.date-list {
|
|
display: flex;
|
|
padding: 8px 12px 12px;
|
|
}
|
|
.date-item {
|
|
width: 76px;
|
|
min-width: 76px;
|
|
height: 86px;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
|
|
margin-right: 12px;
|
|
padding: 8px 10px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
.date-item .label {
|
|
margin-bottom: 6px;
|
|
color: #999;
|
|
}
|
|
.date-item .md {
|
|
margin-bottom: 6px;
|
|
color: #000;
|
|
}
|
|
.date-item .status {
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.date-item.selected {
|
|
border: 1px solid #0ccd58;
|
|
background: #f0f8f3;
|
|
}
|
|
.date-item.selected .label,
|
|
.date-item.selected .md,
|
|
.date-item.selected .status {
|
|
color: #0ccd58;
|
|
}
|
|
.date-item.disabled {
|
|
opacity: 0.45;
|
|
}
|
|
.date-item .check {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: #0ccd58;
|
|
color: #fff;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 11px;
|
|
}
|