shironeko/Hytale-F2P
1
0
Fork 0
mirror of https://github.com/amiayweb/Hytale-F2P.git synced 2026-02-26 10:11:47 -03:00
Code Issues Packages Projects Releases Wiki Activity

Remove launcher chat and add Discord popup

Browse Source
This commit is contained in:
AMIAY
2026-01-30 14:44:46 +01:00
parent 33a0e219fc
commit 30a4327655
10 changed files with 245 additions and 835 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
GUI/style.css
View File

@@ -333,109 +333,6 @@ body {
pointer-events: auto !important;
}
.discord-notification {
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.9);
backdrop-filter: blur(20px);
border: 1px solid rgba(88, 101, 242, 0.3);
border-radius: 12px;
padding: 1rem;
max-width: 300px;
z-index: 10000;
pointer-events: auto;
display: flex;
align-items: center;
gap: 0.75rem;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
animation: slideIn 0.5s ease-out;
}
@keyframes slideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.notification-content {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 1;
}
.discord-notification .fab.fa-discord {
color: #5865f2;
font-size: 1.25rem;
}
.notification-text {
color: white;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.notification-action {
background: #5865f2;
border: none;
border-radius: 6px;
color: white;
padding: 0.375rem 0.75rem;
font-size: 0.75rem;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
font-family: 'Space Grotesk', sans-serif;
}
.notification-action:hover {
background: #4752c4;
transform: scale(1.05);
}
.notification-close {
background: none;
border: none;
color: #9ca3af;
cursor: pointer;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all 0.2s ease;
flex-shrink: 0;
}
.notification-close:hover {
background: rgba(255, 255, 255, 0.1);
color: white;
}
.notification-close i {
font-size: 0.75rem;
}
.discord-notification.hidden {
animation: slideOut 0.3s ease-in forwards;
}
@keyframes slideOut {
to {
transform: translateX(100%);
opacity: 0;
}
}
.control-btn {
width: 28px;
height: 28px;
@@ -3021,6 +2918,126 @@ body {
border-radius: 4px;
}
.discord-popup-modal {
max-width: 500px;
width: 90%;
}
.discord-popup-header {
display: flex;
align-items: center;
gap: 1rem;
}
.discord-popup-header i {
font-size: 2.5rem;
color: #5865f2;
}
.discord-popup-body {
text-align: center;
padding: 0;
}
.discord-popup-text {
font-size: 1rem;
color: #d1d5db;
margin: 0.5rem 0;
line-height: 1.5;
}
.discord-popup-text strong {
color: #5865f2;
font-weight: 700;
}
.discord-popup-warning {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
background: rgba(245, 158, 11, 0.1);
border: 1px solid rgba(245, 158, 11, 0.3);
border-radius: 8px;
padding: 0.75rem 1rem;
margin: 1.5rem 0;
color: #fbbf24;
font-size: 0.9rem;
}
.discord-popup-warning i {
font-size: 1.1rem;
}
.discord-popup-actions {
display: flex;
gap: 1rem;
margin-top: 2rem;
}
.discord-popup-btn {
flex: 1;
padding: 0.875rem 1.5rem;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
font-family: 'Space Grotesk', sans-serif;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.discord-popup-btn.primary {
background: #5865f2;
color: white;
box-shadow: 0 4px 0 0 #4752c4, 0 8px 20px rgba(88, 101, 242, 0.3);
}
.discord-popup-btn.primary:hover {
background: #4752c4;
box-shadow: 0 2px 0 0 #4752c4, 0 12px 30px rgba(88, 101, 242, 0.4);
transform: translateY(2px);
}
.discord-popup-btn.primary:active {
transform: translateY(4px);
box-shadow: 0 0px 0 0 #4752c4, 0 4px 15px rgba(88, 101, 242, 0.3);
}
.discord-popup-btn.secondary {
background: rgba(255, 255, 255, 0.1);
color: #d1d5db;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.discord-popup-btn.secondary:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.3);
color: white;
}
.discord-popup-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
box-shadow: none !important;
}
.discord-popup-btn.primary:disabled:hover {
background: #5865f2;
transform: none;
}
.discord-popup-btn.secondary:disabled:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #d1d5db;
}
.mods-grid::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover {
background: rgba(147, 51, 234, 0.8);
@@ -4005,10 +4022,7 @@ body {
font-weight: 700;
}
.chat-container {
.settings-container {
display: flex;
flex-direction: column;
height: calc(100vh - 180px);
@@ -5651,8 +5665,8 @@ select.settings-input option {
font-weight: bold;
}
/* Styles pour le sélecteur de couleur dans le chat */
.chat-header-actions {
.settings-container {
padding: 2rem;
display: flex;
align-items: center;
gap: 1rem;