website
git clone https://git.pyrossh.dev/website
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
assets/css/workers/issues-detail.css
| df4fd17 | 1 | .state-form, |
| df4fd17 | 2 | .comment-form { |
| df4fd17 | 3 | margin-top: 0.5rem; |
| df4fd17 | 4 | } |
| df4fd17 | 5 | |
| df4fd17 | 6 | button { |
| df4fd17 | 7 | border: 1px solid var(--color-text); |
| df4fd17 | 8 | background: var(--color-box-bg); |
| df4fd17 | 9 | color: var(--color-link); |
| df4fd17 | 10 | padding: 0.35rem 0.75rem; |
| df4fd17 | 11 | font: inherit; |
| df4fd17 | 12 | cursor: pointer; |
| df4fd17 | 13 | } |
| df4fd17 | 14 | |
| df4fd17 | 15 | .body, |
| df4fd17 | 16 | .comments { |
| df4fd17 | 17 | margin-top: 0.5rem; |
| df4fd17 | 18 | } |
| df4fd17 | 19 | |
| df4fd17 | 20 | .body, |
| df4fd17 | 21 | .comment { |
| df4fd17 | 22 | background-color: var(--color-box-bg); |
| df4fd17 | 23 | color: var(--color-text); |
| df4fd17 | 24 | padding: 0.5rem; |
| df4fd17 | 25 | } |
| df4fd17 | 26 | |
| df4fd17 | 27 | h3 { |
| df4fd17 | 28 | margin: 0.5rem 0; |
| df4fd17 | 29 | font-size: 1.05rem; |
| df4fd17 | 30 | font-weight: 500; |
| df4fd17 | 31 | } |
| df4fd17 | 32 | |
| df4fd17 | 33 | .comment { |
| df4fd17 | 34 | margin: 0.5rem 0; |
| df4fd17 | 35 | } |
| df4fd17 | 36 | |
| df4fd17 | 37 | .comment-meta { |
| df4fd17 | 38 | display: flex; |
| df4fd17 | 39 | flex-wrap: wrap; |
| df4fd17 | 40 | gap: 0.5rem; |
| df4fd17 | 41 | margin-bottom: 0.35rem; |
| df4fd17 | 42 | font-size: 0.85rem; |
| df4fd17 | 43 | } |
| df4fd17 | 44 | |
| df4fd17 | 45 | pre { |
| df4fd17 | 46 | white-space: pre-wrap; |
| df4fd17 | 47 | overflow-x: auto; |
| df4fd17 | 48 | margin: 0; |
| df4fd17 | 49 | font-family: inherit; |
| df4fd17 | 50 | } |
| df4fd17 | 51 | |
| df4fd17 | 52 | .comment-form { |
| df4fd17 | 53 | display: grid; |
| df4fd17 | 54 | gap: 0.5rem; |
| df4fd17 | 55 | padding: 0.5rem; |
| df4fd17 | 56 | background: var(--color-box-bg); |
| df4fd17 | 57 | |
| df4fd17 | 58 | textarea, |
| ec165f1 | 59 | input { |
| df4fd17 | 60 | width: 100%; |
| df4fd17 | 61 | border: 1px solid var(--color-text); |
| df4fd17 | 62 | background: var(--color-body-bg); |
| df4fd17 | 63 | color: var(--color-text); |
| df4fd17 | 64 | padding: 0.35rem 0.5rem; |
| df4fd17 | 65 | font: inherit; |
| df4fd17 | 66 | } |
| df4fd17 | 67 | |
| ec165f1 | 68 | textarea { |
| df4fd17 | 69 | min-height: 6rem; |
| df4fd17 | 70 | resize: vertical; |
| df4fd17 | 71 | } |
| df4fd17 | 72 | } |
| df4fd17 | 73 | |
| df4fd17 | 74 | .comment-actions { |
| df4fd17 | 75 | display: grid; |
| 60e980e | 76 | grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); |
| df4fd17 | 77 | gap: 0.5rem; |
| df4fd17 | 78 | } |