Frames showcase your work as if they were displayed in a window. This is very similar to the existing Browser component but without some of the additional styling such as the browser toolbar.
A basic frame is just a simple frame with no additional styling.
= daisy_frame(css: "w-full max-w-4xl border border-base-300") do |frame|
.border-t.border-base-300.px-4.py-16.text-center
This is the content of the browser. You can put anything you want here.
.mt-4
= image_tag("landscapes/desert.jpg", class: "max-w-lg mx-auto rounded-xl")
You can style the frames however you like!
This is the content of the browser. You can put anything you want here.
This is the content of the browser. You can put anything you want here.
= daisy_frame(css: "w-full max-w-4xl bg-purple-200 border border-purple-600") do |frame|
.bg-base-100.border-t.border-purple-300.px-4.py-16.text-center
= image_tag("loco-logo.png", class: "max-w-xs mx-auto")
%p
This is the content of the browser. You can put anything you want here.
.mt-4
= image_tag("landscapes/desert.jpg", class: "max-w-lg mx-auto rounded-xl")
Create virtual credit / debit cards to keep your real info safe.
Get $5 when you sign up — free to start!
Everything you need to grow your business with confidence!
CRM, Lead Generation, Project Management, Contracts, Online Payments, and more!
The ads above are affiliate links to products I regularly use and highly
recommend.
I may receive a commission if you decide to purchase.