![]() Next, write some extra CSS for this class: /* app.css */ … "src/styles.css". Inspect the component in your browser to find out that the thumbnail is rendered in the DOM element with class media-library-thumb-img. Let's say your thumbs aren't square and you want to show them in their original aspect ratio. In this document, we will briefly discuss CSS compilation in general however, you should consult the full Laravel Elixir. Every DOM-element of the component has a class with prefix media-library. Laravel Elixir provides a clean, expressive API over compiling SASS or Less, which are extensions of plain CSS that add variables, mixins, and other powerful features that make working with CSS much more enjoyable. If you only want to tinker with certain aspects of the component but like to keep the CSS in sync with future package updates, nothing stops you from overriding only certain CSS rules with your own tweaks. #Option 2: Override only portions in your CSS All answers have have used the HTML class for laravel but I guess it has been depreciated now in laravel 5. This is exactly what happens in the header of the homepage at medialibrary.pro: the shown component has a slightly blue-ish look, using the color palette of this site. * app.css */ "tailwindcss/base" "tailwindcss/components" "tailwindcss/utilities" "././vendor/spatie/laravel-medialibrary-pro/resources/js/media-library-pro-styles/src/styles.css" … Instead of importing/linking the pre-built dist/styles.css from the package, you can import the src/styles.css and run every rule through your own. #Option 1: Use your own Tailwind CSS configuration ![]() Want to see more videos like this? Check out our free video course on how to use Laravel Media Library. In this video, you'll see the various option on how to customize the look and feel of the components. If you want to change the look of the Media Library Pro components to match the style of your own app, you have multiple options. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |