styling changes

This commit is contained in:
2024-03-22 15:49:17 -05:00
parent a1cb6fcf0a
commit b9ead6770a
4 changed files with 31 additions and 29 deletions

View File

@@ -12,21 +12,23 @@
</div> </div>
</div> </div>
<div class=" Panel-footer u-flex u-flexJustifyAround u-padSm"> <div class=" Panel-footer u-flex u-flexJustifyAround u-padSm">
<a class="Button" href="/{{team.id}}/event/{{event.id}}"> <div class="u-maxWidthXs">
<span>{{{embeddedSvgFromPath "/bootstrap-icons/calendar.svg"}}}</span> <a class="Button" href="/{{team.id}}/event/{{event.id}}">
<span class="u-hidden u-xs-inline">Details</span> <span>{{{embeddedSvgFromPath "/bootstrap-icons/calendar.svg"}}}</span>
</a> <span class="u-hidden">Details</span>
<a class="Button" href="/{{team.id}}/event/{{event.id}}/lineup"> </a>
<span>{{{embeddedSvgFromPath "/bootstrap-icons/clipboard.svg"}}}</span> <a class="Button" href="/{{team.id}}/event/{{event.id}}/lineup">
<span class="u-hidden u-xs-inline">Lineup</span> <span>{{{embeddedSvgFromPath "/bootstrap-icons/clipboard.svg"}}}</span>
</a> <span class="u-hidden">Lineup</span>
<a class="Button" href="/{{team.id}}/event/{{event.id}}/sheet"> </a>
<span>{{{embeddedSvgFromPath "/bootstrap-icons/file-earmark.svg"}}}</span> <a class="Button" href="/{{team.id}}/event/{{event.id}}/sheet">
<span class="u-hidden u-xs-inline">Sheet</span> <span>{{{embeddedSvgFromPath "/bootstrap-icons/file-earmark.svg"}}}</span>
</a> <span class="u-hidden">Sheet</span>
<a class="Button" href="https://go.teamsnap.com/{{team.id}}/schedule/view_game/{{event.id}}"> </a>
<span>{{{embeddedSvgFromPath "/media/teamsnap_star.svg"}}}</span> <a class="Button" href="https://go.teamsnap.com/{{team.id}}/schedule/view_game/{{event.id}}">
<span class="u-hidden u-xs-inline">TeamSnap</span> <span>{{{embeddedSvgFromPath "/media/teamsnap_star.svg"}}}</span>
</a> <span class="u-hidden">TeamSnap</span>
</a>
</div>
</div> </div>
</div> </div>

View File

@@ -25,7 +25,7 @@
{{> navbar }} {{> navbar }}
{{{_sections.header}}} {{{_sections.header}}}
</header> </header>
<main class="u-sm-spaceSidesMd"> <main class="u-xs-spaceSidesMd">
{{{ body }}} {{{ body }}}
</main> </main>
</body> </body>

View File

@@ -1,5 +1,6 @@
<h1> <h1>
{{title}} {{title}}
<hr class="Divider" />
</h1> </h1>
<div class="Panel"> <div class="Panel">
<div class="Panel-body"> <div class="Panel-body">

View File

@@ -29,24 +29,23 @@
</div> </div>
</div> </div>
<div class=" Panel Panel--full">
<div class=" Panel-header"> <h2 class=" ">Upcoming Events</h2>
<h2 class=" Panel-title">Upcoming Events</h2> <hr class="Divider" />
</div> <div class="Grid Grid--withGutter">
<div class=" Panel-body">
{{#each upcoming_events}} {{#each upcoming_events}}
<div class="Grid-cell u-xs-size1of2 u-sm-size1of3">
{{>event_panel event=this}} {{>event_panel event=this}}
{{/each}}
</div> </div>
{{/each}}
</div> </div>
<div class=" Panel Panel--full"> <h2 class="">Recent Events</h2>
<div class=" Panel-header"> <hr class="Divider" />
<h2 class=" Panel-title">Recent Events</h2> <div class="Grid Grid--withGutter">
</div>
<div class=" Panel-body">
{{#each recent_events}} {{#each recent_events}}
<div class="Grid-cell u-xs-size1of2 u-sm-size1of3">
{{>event_panel event=this}} {{>event_panel event=this}}
{{/each}}
</div> </div>
{{/each}}
</div> </div>