|
|
| 第1行： |
第1行： |
| .flex-container {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
|
| |
|
| .issues-card {
| |
| display: flex;
| |
| margin: 0px;
| |
| border-radius: 8px;
| |
| box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 6px 0px, rgba(0, 0, 0, 0.06) 0px 3px 6px 0px;
| |
| background-color: var(--color-surface-1);
| |
| }
| |
|
| |
| .issues-card .image p{
| |
| margin: 0px;
| |
| height: 48px;
| |
| width: 48px;
| |
| }
| |
|
| |
| .issues-card .image{
| |
| flex-basis: 80px;
| |
| margin: 16px;
| |
| display: flex;
| |
| align-items: center;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .issues-card .image img{
| |
| transform: translateX(-100px);
| |
| filter: drop-shadow(100px 0px 0px #888)
| |
| }
| |
|
| |
| .issues-card .text {
| |
| flex-shrink: 1;
| |
| }
| |
|
| |
| .issues-card .text .title {
| |
| margin: 16px 16px 0px 0px;
| |
| font-size: 18px !important;
| |
| color: var(--color-base--emphasized);
| |
| }
| |
|
| |
| .issues-card .text .description {
| |
| margin: 0px 16px 16px 0px;
| |
| font-size: 14px !important;
| |
| color: var(--color-base--subtle);
| |
| }
| |
