Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(card): add xlarge and xxlarge size #383

Merged
merged 1 commit into from
Nov 14, 2023
Merged

feat(card): add xlarge and xxlarge size #383

merged 1 commit into from
Nov 14, 2023

Conversation

kiaking
Copy link
Member

@kiaking kiaking commented Nov 14, 2023

Add xlarge and xxlarge size to <SCard>.

The rule is when screen is big enough to hit this size, the card should have 32px padding both left/right side against our main content width.

Card max width is a bit smaller than main content width we usually use for our apps. Which is usually max 1216px.

So that when modal content hits its max size, it still have good padding left/right compared to underlining contents.

@kiaking kiaking added the enhancement New feature or request label Nov 14, 2023
@kiaking kiaking requested a review from brc-dd November 14, 2023 02:30
@kiaking kiaking self-assigned this Nov 14, 2023
Copy link

netlify bot commented Nov 14, 2023

Deploy Preview for sefirot-story ready!

Name Link
🔨 Latest commit efae1cd
🔍 Latest deploy log https://app.netlify.com/sites/sefirot-story/deploys/6552dbbd583b260008a46807
😎 Deploy Preview https://deploy-preview-383--sefirot-story.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 14, 2023

Deploy Preview for sefirot-docs ready!

Name Link
🔨 Latest commit efae1cd
🔍 Latest deploy log https://app.netlify.com/sites/sefirot-docs/deploys/6552dbbde9e463000901440c
😎 Deploy Preview https://deploy-preview-383--sefirot-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

codecov bot commented Nov 14, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (164ea02) 79.74% compared to head (efae1cd) 79.76%.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #383      +/-   ##
==========================================
+ Coverage   79.74%   79.76%   +0.02%     
==========================================
  Files         152      152              
  Lines       12187    12201      +14     
  Branches      516      516              
==========================================
+ Hits         9718     9732      +14     
  Misses       2469     2469              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@kiaking kiaking merged commit 6cd8364 into main Nov 14, 2023
13 checks passed
@kiaking kiaking deleted the xlarge-card branch November 14, 2023 03:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants