Skip to content

Commit af62304

Browse files
author
Quasi Kili
committed
auto scroll
1 parent ecf5d40 commit af62304

2 files changed

Lines changed: 13 additions & 7 deletions

File tree

index.html

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -538,19 +538,25 @@
538538
gap: 10px;
539539
}
540540

541-
#supported-hardware .prev-button, #supported-hardware .next-button {
541+
#supported-hardware .prev-button, #supported-hardware .next-button {
542542
background: #0A4D68;
543543
color: #fff;
544544
border: none;
545-
padding: 10px 15px;
545+
width: 40px; /* Set a fixed width */
546+
height: 40px; /* Set a fixed height, equal to width for perfect circle */
547+
padding: 0; /* Remove padding to allow width/height to control size */
546548
border-radius: 50%;
547549
cursor: pointer;
548550
font-size: 1.2rem;
551+
display: flex; /* Use flexbox for centering content */
552+
align-items: center; /* Center vertically */
553+
justify-content: center; /* Center horizontally */
549554
position: absolute;
550555
top: 50%;
551556
transform: translateY(-50%);
552557
z-index: 999;
553558
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
559+
flex-shrink: 0; /* Prevent buttons from shrinking */
554560
}
555561

556562
#supported-hardware .prev-button {
@@ -802,16 +808,16 @@ <h3>Fri3d Camp 2024 Badge</h3>
802808
<p>Fully Supported</p>
803809
<a href="https://fri3d.be/badge/2024/?ref=MicroPythonOS.com" target="_blank">Learn More</a>
804810
</div>
811+
<div class="slide">
812+
<img src="supported_devices/lilygo_t_display_s3.webp" alt="Lilygo T-Display S3">
813+
<h3>Lilygo T-Display S3</h3>
814+
<a href="https://lilygo.cc/products/t-display-s3" target="_blank">Learn More</a>
815+
</div>
805816
<div class="slide coming-soon">
806817
<img src="supported_devices/fri3d_2026.webp" alt="Fri3d Camp 2026 Badge">
807818
<h3>Fri3d Camp 2026 Badge</h3>
808819
<p>Coming Soon</p>
809820
</div>
810-
<div class="slide coming-soon">
811-
<img src="supported_devices/lilygo_t_display_s3.webp" alt="Lilygo T-Display S3">
812-
<h3>Lilygo T-Display S3</h3>
813-
<p>Coming Soon</p>
814-
</div>
815821
<div class="slide coming-soon">
816822
<img src="supported_devices/lilygo_t_watch_s3.webp" alt="Lilygo T-Watch S3">
817823
<h3>Lilygo T-Watch S3</h3>
30.7 KB
Loading

0 commit comments

Comments
 (0)