give
/
src
/
Subscriptions
/
resources
/
admin
/
components
/
SubscriptionDetailsPage
/
Tabs
/
Overview
/
styles.module.scss
give
/
src
/
Subscriptions
/
resources
/
admin
/
components
/
SubscriptionDetailsPage
/
Tabs
/
Overview
Last commit date
SubscriptionAnnualProjection
10 months ago
SubscriptionStats
10 months ago
SubscriptionSummary
10 months ago
SubscriptionSummaryGrid
10 months ago
index.tsx
10 months ago
styles.module.scss
10 months ago
styles.module.scss
45 lines
| 1 | $breakpoint-desktop: 900px; |
| 2 | |
| 3 | .overview { |
| 4 | display: grid; |
| 5 | grid-template-columns: repeat(3, 1fr); |
| 6 | gap: var(--givewp-spacing-4); |
| 7 | |
| 8 | @media (max-width: $breakpoint-desktop) { |
| 9 | grid-template-columns: 1fr; |
| 10 | gap: var(--givewp-spacing-6); |
| 11 | } |
| 12 | } |
| 13 | |
| 14 | .left, .right { |
| 15 | display: flex; |
| 16 | flex-direction: column; |
| 17 | gap: var(--givewp-spacing-6); |
| 18 | margin-top: var(--givewp-spacing-2); |
| 19 | } |
| 20 | |
| 21 | .left{ |
| 22 | grid-column: span 2; |
| 23 | |
| 24 | @media (max-width: $breakpoint-desktop) { |
| 25 | grid-column: span 1; |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | .right { |
| 30 | grid-column: span 1; |
| 31 | } |
| 32 | |
| 33 | .card { |
| 34 | display: flex; |
| 35 | flex-direction: column; |
| 36 | justify-content: flex-start; |
| 37 | align-items: flex-start; |
| 38 | padding: 1rem 1.5rem 1.5rem; |
| 39 | border-radius: 8px; |
| 40 | border: solid 1px #f3f4f6; |
| 41 | background-color: var(--givewp-shades-white); |
| 42 | width: 100%; |
| 43 | box-sizing: border-box; |
| 44 | } |
| 45 |