visual improvements in many areas, and unification of links on home page.

This commit is contained in:
crowetic 2024-12-13 12:10:27 -08:00
parent 02bde16a57
commit 3806e38af4
5 changed files with 51 additions and 20 deletions

View File

@ -44,23 +44,22 @@
}
.room-button {
background-color: #317e78;
background-color: #121e30;
color: #ffffff;
border: 2px solid #317e78;
border: 2px solid #9dafab;
border-radius: 2vh;
padding: 1vh 2vh;
padding: .61vh 2.0vh;
font-size: 1.1rem;
cursor: pointer;
}
.room-button:hover {
background-color: #19403d;
background-color: #052d46;
}
.forum-content {
flex-grow: 1;
width: 90%;
padding: 3vh;
display: flex;
flex-direction: column;
align-items: center;
@ -607,12 +606,12 @@ body {
}
} */
.minter-card {
background-color: #1e1e2e; /* Dark background */
/* .minter-card {
background-color: #1e1e2e;
flex: 1 1 calc(33%);
min-width: 22rem; /* Ensure the card never gets smaller than 15rem */
min-width: 22rem;
max-width: 22rem;
/* max-width: calc(25% - 2rem); */
max-width: calc(25% - 2rem);
color: #ffffff;
border: 1px solid #333;
border-radius: 12px;
@ -620,17 +619,38 @@ body {
min-height: 30vh;
max-height: auto;
margin: 1vh;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
font-family: 'Arial', sans-serif;
transition: transform 0.2s ease-in-out;
} */
.minter-card{
background-color: #1e1e2e;
flex: auto;
display: flex;
min-width: 22rem;
/* max-width: 22rem; */
max-width: calc(30% - 3rem);
color: #ffffff;
border: 1px solid #333;
border-radius: 12px;
padding: 1vh;
min-height: 30vh;
max-height: auto;
margin: 1vh;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
font-family: 'Arial', sans-serif;
transition: transform 0.2s ease-in-out;
flex-direction: column;
/* align-content: center; */
justify-content: space-between;
align-items: stretch;
}
.minter-card:hover {
transform: translateY(-5px); /* Slightly lift card on hover */
}
.minter-card img {
margin-left: 42%;
margin-left: 43.9%;
}
.minter-card-header h3 {
@ -772,6 +792,17 @@ body {
justify-content: space-between;
}
.actions-buttons {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: stretch;
flex-grow: 1;
width: 100%;
flex-wrap: wrap;
align-content: flex-end;
}
.actions h5{
margin-bottom: 1vh;
font-size: 1.5vh;

View File

@ -528,7 +528,7 @@ const processLink = async (link) => {
const remainingPath = match[2] || ""; // Rest of the URL
// Perform any asynchronous operation if necessary
await new Promise(resolve => setTimeout(resolve, 10)); // Simulating async operation
return `http://localhost:12391/render/${firstParam}${remainingPath}`;
return `/render/${firstParam}${remainingPath}`;
}
}
return link; // Return unchanged if not a Qortal link

View File

@ -1285,7 +1285,7 @@ a {
.cid-ttRnktJ11Q .mbr-section-btn .btn,
.cid-ttRnktJ11Q .mbr-section-btn-main .btn {
background-image: linear-gradient(99deg, rgba(255, 255, 255, 0) 30%, #ffffff 100%), radial-gradient(circle at 50% 50%, #ffffff 0, rgba(255, 255, 255, 0) 70%);
color: #324c6d !important;
;
}
.cid-ttRnktJ11Q .mbr-section-subtitle {
color: #000000;

View File

@ -557,20 +557,20 @@
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke: #c2d2d7;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke: #a1a1a1;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
fill: #d2d2d2;
}
.ql-snow .ql-empty {
fill: none;
@ -645,7 +645,7 @@
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
color: #c8c8c8;
display: inline-block;
float: left;
font-size: 14px;

View File

@ -70,10 +70,10 @@
</span>
<span class="navbar-caption-wrap"><a class="navbar-caption text-primary display-4" href="index.html">Q-Mintership Alpha v0.31b<br></a></span>
</div>
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-primary display-7" href="MINTERSHIP-FORUM">MINTERSHIP-FORUM</a></li></ul>
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-primary display-7" href="MINTERSHIP-FORUM"></a></li></ul>
<div class="mbr-section-btn-main" role="tablist"><a class="btn btn-danger display-4" href="MINTERSHIP-FORUM">FORUM<br></a> <a class="btn btn-secondary display-4" href="TOOLS">MA TOOLS</a><a class="btn btn-secondary display-4" href="MINTERS">MINTERS</a></div>
<div class="mbr-section-btn-main" role="tablist"><a class="btn btn-danger display-4" href="MINTERSHIP-FORUM">FORUM<br></a> <a class="btn btn-secondary display-4" href="TOOLS">ADMIN TOOLS</a><a class="btn btn-secondary display-4" href="MINTERS">MINTER BOARD</a></div>
</div>
</div>