fix: On small screen, remove padding on left & right padding #3573
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes updates to improve the layout and styling of the
PhotoBox
component, as well as minor code cleanup in the settings and CSS files.Layout and Styling Improvements:
resources/js/components/gallery/photoModule/PhotoBox.vue
, updated the:class
bindings for various elements to replace themax-wh-full-56
class with inline calculations (max-w-full md:max-w-[calc(100%-56px)] max-h-[calc(100%-56px)]
) for more precise control over layout in fullscreen and slideshow modes. [1] [2] [3] [4]Code Cleanup:
.max-wh-full-56
CSS class fromresources/sass/app.css
, as its functionality has been replaced by inline styles.resources/js/views/Settings.vue
to use a type import forMenuItem
fromprimevue/menuitem
, ensuring better type safety.