butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix card styling

Browse source
This commit is contained in:
John Hess 2024-06-25 18:03:48 -05:00
parent 744ac98289
commit 187368f716
3 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
_scss/pages/home.scss
View file

@ -192,6 +192,10 @@ h1.homepage-title {
padding: 20px; padding: 20px;
text-align: center; text-align: center;
} }
.card:hover {
cursor: pointer;
text-decoration: none;
}
.card-icon { .card-icon {
width: 60px; width: 60px;
@ -200,13 +204,6 @@ h1.homepage-title {
object-fit: cover; object-fit: cover;
} }
.card-icon-big {
width: 60px; /* Desired width */
height: 60px; /* Desired height */
margin-bottom: 10px;
object-fit: cover;
}
// -------------------------------- // --------------------------------
// Informational Layout Styles // Informational Layout Styles
// -------------------------------- // --------------------------------

2
assets/js/main.js
View file

@ -44,7 +44,7 @@ if (usbButter && usbButterPlaceholder) {
.then(response => { .then(response => {
console.log(response); console.log(response);
if (response.status === 200) { if (response.status === 200) {
usbButter.style.display = 'inherit'; usbButter.style.display = 'flex';
usbButterPlaceholder.style.display = 'none'; usbButterPlaceholder.style.display = 'none';
} }
} }

2
index.html
View file

@ -11,7 +11,7 @@ layout: default
<div class="card-set"> <div class="card-set">
<a href="{{ site.usb_butter_url }}" id="usb-butter" style="display: none;" data-url="{{ site.usb_butter_url }}" <a href="{{ site.usb_butter_url }}" id="usb-butter" style="display: none;" data-url="{{ site.usb_butter_url }}"
class="card"> class="card">
<img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon-big"> <img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon">
{% t explore %} {% t explore %}
</a> </a>
<div id="usb-butter-placeholder" class="card"> <div id="usb-butter-placeholder" class="card">