maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 Added cursor:pointer to div of badges and mt-4 to btn (#18550)

Browse source 
Co-authored-by: Zerg <rajattalesra4914@gmail.com>
This commit is contained in:
Thomas Bnt 2022-10-25 15:11:56 +02:00 • committed by GitHub
parent 9cc455a38d
commit b482c4215e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/badges.scss
View file

@ -2,6 +2,7 @@
.badge-container {
width: auto;
background-color: white;
cursor: pointer;
.badge-image-conatiner {
width: auto;

2
app/views/badges/_badge_detail.html.erb
View file

@ -10,6 +10,6 @@
<h4 class="fw-800 fs-l color-grey-800"><%= badge.title %></h4>
<p><%= badge.description %></p>
</div>
<button class="flex flex-row items-start c-btn c-btn--primary" onclick="window.Forem.closeModal()"><%= t("views.badges.gotit") %></button>
<button class="flex flex-row items-start c-btn c-btn--primary mt-4" onclick="window.Forem.closeModal()"><%= t("views.badges.gotit") %></button>
</div>
</div>

2
app/views/users/_badges_area.html.erb
View file

@ -12,7 +12,7 @@
<img src="<%= optimized_image_url(achievement.badge_image_url, width: 180) %>"
alt="<%= achievement.badge_title %>"
class="mx-auto max-w-75 h-auto align-middle"
style="object-fit: contain; width: 100%; aspect-ratio: 1 / 1; transform: rotate(<%= rand(-10..10) %>deg);"
style="object-fit: contain; cursor: pointer; width: 100%; aspect-ratio: 1 / 1; transform: rotate(<%= rand(-10..10) %>deg);"
loading="lazy" />
</div>