ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-19 19:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

adds more logic to modal adds hover state to use case circle, fixes responsiveness

Browse Source
This commit is contained in:
akcodez
2023-09-13 07:28:50 -07:00
parent 2a3da0cba6
commit 33656de11c
13 changed files with 67 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
styles/_use-cases.scss
View File

@@ -174,10 +174,13 @@
border-top: 1px solid #ccc;
}
.section-logos {
font-size: 16px;
.logo-item {
width: 50px;
height: 50px;
margin: 10px;
}
.close {
color: #aaaaaa;
float: right;
@@ -197,20 +200,28 @@
display: flex;
align-items: center;
justify-content: center;
width: 185px;
height: 185px;
width: calc(20vw - 20px); /* Adjust as needed */
height: calc(47vw - 20px); /* Adjust as needed */
min-width: 100px; /* Minimum size */
min-height: 100px; /* Minimum size */
border: 1px solid #343437;
border-radius: 50%;
margin-bottom: 30px;
cursor: pointer;
@include media-breakpoint-up(md) {
width: 230px;
height: 230px;
height: 266px;
}
@include media-breakpoint-up(lg) {
margin-bottom: 0;
height: 230px;
}
}
.use-case-circle:hover{
border-color: #ee5555;
}
.circle-content {
display: flex;