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: Preview snap (fix #54) #65

Merged
merged 4 commits into from
Apr 10, 2022
Merged

feat: Preview snap (fix #54) #65

merged 4 commits into from
Apr 10, 2022

Conversation

hugoattal
Copy link
Collaborator

@hugoattal hugoattal commented Apr 9, 2022

fix #54

Description

  • Fix Reactivity issue
  • Delete optimization not needed anymore (I think?)
  • Fix background
  • Fix "real" size of preview
  • Add preview snap

Additional context

I put the previewSettings into the store, that made more sense to me. Wdyt?


What is the purpose of this pull request?

  • Bug fix
  • New Feature
  • Documentation update
  • Other

@hugoattal hugoattal added the draft label Apr 9, 2022
@hugoattal hugoattal self-assigned this Apr 9, 2022
@netlify
Copy link

netlify bot commented Apr 9, 2022

Deploy Preview for histoire-controls ready!

Name Link
🔨 Latest commit 7a44e91
🔍 Latest deploy log https://app.netlify.com/sites/histoire-controls/deploys/6252b2acb1b96400081f058a
😎 Deploy Preview https://deploy-preview-65--histoire-controls.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 settings.

@netlify
Copy link

netlify bot commented Apr 9, 2022

Deploy Preview for histoire-site ready!

Name Link
🔨 Latest commit 7a44e91
🔍 Latest deploy log https://app.netlify.com/sites/histoire-site/deploys/6252b2ac0793e500099f29ac
😎 Deploy Preview https://deploy-preview-65--histoire-site.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 settings.

@netlify
Copy link

netlify bot commented Apr 9, 2022

Deploy Preview for histoire-examples-vue3 ready!

Name Link
🔨 Latest commit 7a44e91
🔍 Latest deploy log https://app.netlify.com/sites/histoire-examples-vue3/deploys/6252b3055c2ff549eaad5667
😎 Deploy Preview https://deploy-preview-65--histoire-examples-vue3.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 settings.

@hugoattal hugoattal changed the title Feat: Preview snap (#54, #64) Feat: Preview snap (fix #54, #64) Apr 9, 2022
@hugoattal hugoattal changed the title Feat: Preview snap (fix #54, #64) feat: Preview snap (fix #54,#64) Apr 9, 2022
@hugoattal hugoattal added bug Something isn't working enhancement New feature or request labels Apr 9, 2022
@hugoattal hugoattal requested a review from Akryum April 9, 2022 16:01
@hugoattal hugoattal removed the draft label Apr 9, 2022
height: finalHeight ? `${finalHeight + 44}px` : null,
class="htw-h-full htw-p-4 htw-overflow-hidden htw-bg-white dark:htw-bg-gray-700 htw-rounded-lg htw-relative preview-fit"
:class="isResponsiveEnabled ? {
'preview-fit-width': !!finalWidth,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can use htw-w-fit (docs)

class="htw-h-full htw-p-4 htw-overflow-hidden htw-bg-white dark:htw-bg-gray-700 htw-rounded-lg htw-relative preview-fit"
:class="isResponsiveEnabled ? {
'preview-fit-width': !!finalWidth,
'preview-fit-height': !!finalHeight
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

htw-h-fit

@Akryum Akryum changed the title feat: Preview snap (fix #54,#64) feat: Preview snap (fix #54) Apr 10, 2022
@Akryum Akryum merged commit c53cc5c into main Apr 10, 2022
@Akryum Akryum deleted the preview-resize branch April 10, 2022 10:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Snap preview resizers
2 participants