Files
ubicloud/views/layouts/sidebar/mobile.erb
Jeremy Evans cb389c5144 Use Roda part plugin to simplify render calls with locals
This uses the new part plugin to simplify and optimize render
calls with locals.

```ruby
render(:template, locals: {foo: 'bar'})

part(:template, foo: 'bar')
```

This simplifies a large number of calls in Clover, since
rendering with locals is one of the most common method
calls in the templates.

The main advantage of this is simplicity, but the part method
is also more optimized, and will be even more optimized when
we upgrade to Ruby 3.4.

Diff best reviewed with:

```
git diff -b --color-words --word-diff-regex='\\w+|[^[:space:]]'
```
2025-01-31 09:47:06 -08:00

21 lines
938 B
Plaintext

<div id="mobile-menu" class="relative z-50 hidden group" role="dialog" aria-modal="true">
<div
class="fixed inset-0 bg-gray-900/80 transition-opacity ease-linear duration-300 opacity-0 group-[.mobile-menu-open]:opacity-100"
></div>
<div class="fixed inset-0 flex">
<div
class="relative mr-16 flex w-full max-w-xs flex-1 transition ease-in-out duration-300 transform -translate-x-full group-[.mobile-menu-open]:translate-x-0"
>
<div
class="absolute left-full top-0 flex w-16 justify-center pt-5 ease-in-out duration-300 opacity-0 group-[.mobile-menu-open]:opacity-100"
>
<button type="button" class="toggle-mobile-menu -m-2.5 p-2.5">
<span class="sr-only">Close sidebar</span>
<%== part("components/icon", name: "hero-x-mark", classes: "h-6 w-6 text-white") %>
</button>
</div>
<%== render("layouts/sidebar/content") %>
</div>
</div>
</div>