spacebar/mod-portal-v2
Watch
14
0
Fork
You've already forked mod-portal-v2
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bunch of shit

Browse source
This commit is contained in:
kittentm 2026-08-05 06:36:58 +02:00
commit 0f577eef4d
Signed by: kitten
GPG key ID: 394B4EABE4405A83
22 changed files with 2889 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

183
public/css/main.css
View file

@ -33,8 +33,7 @@ body {
.app-viewport {
width: 100%;
/* larger vertical and horizontal gutters to restore visible page gaps */
padding: 3.5rem 2.5rem;
padding: 2rem 1rem;
display: block !important;
min-height: 100vh !important;
}
@ -49,20 +48,12 @@ body {
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
/* inner gutter so content cards don't touch viewport edges */
padding: 0 1.25rem;
}
.footer-container {
margin-top: 2rem !important;
}
/* Ensure footer wrapper spacing persists across SSR and reloads */
.footer-wrapper {
width: 100%;
margin-top: 8rem !important;
}
.spinner {
border: 3px solid rgba(255, 255, 255, 0.15);
border-top-color: #00aeef;
@ -350,4 +341,174 @@ button:disabled, .btn-login-action:disabled {
grid-template-columns: 1fr 300px;
align-items: stretch;
}
}
}
.grid-layout {
display: grid;
grid-template-columns: 1fr 340px;
gap: 1.5rem;
padding: 1.5rem;
}
@media (max-width: 850px) {
.grid-layout {
grid-template-columns: 1fr;
}
}
.welcome-image {
max-width: 100%;
border-radius: 8px;
object-fit: cover;
}
.welcome-text {
margin-top: 1rem;
color: #f0f6fc;
}
.logins-card {
background: #0d1117;
border: 1px solid #30363d;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.logins-header {
background: #161b22;
padding: 0.75rem 1rem;
font-size: 0.85rem;
color: #8b949e;
border-bottom: 1px solid #30363d;
}
.view-all-link {
color: #58a6ff;
font-size: 0.75rem;
text-decoration: none;
font-family: inherit;
}
.view-all-link:hover {
text-decoration: underline;
}
.logins-list {
list-style: none;
margin: 0;
padding: 0;
}
.action-item {
padding: 0.75rem 1rem;
border-bottom: 1px solid #21262d;
cursor: pointer;
transition: background 0.15s ease;
}
.action-item:hover {
background: #161b22;
}
.action-item:last-child {
border-bottom: none;
}
.action-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.35rem;
}
.user-block {
display: flex;
align-items: center;
gap: 0.4rem;
}
.avatar-xs {
width: 20px;
height: 20px;
border-radius: 50%;
background: #21262d;
}
.editor-name {
font-weight: 600;
font-size: 0.825rem;
color: #f0f6fc;
}
.action-time {
font-size: 0.725rem;
color: #8b949e;
}
.action-summary {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.5rem;
}
.target-name {
font-size: 0.8rem;
color: #8b949e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.changes-tags {
display: flex;
gap: 0.25rem;
}
.change-chip {
background: #21262d;
border: 1px solid #30363d;
color: #58a6ff;
padding: 0.1rem 0.4rem;
border-radius: 10px;
font-size: 0.68rem;
}
.badge-ban {
background: #490202;
border: 1px solid #8b0000;
color: #ff7b72;
padding: 0.1rem 0.4rem;
border-radius: 10px;
font-size: 0.68rem;
font-weight: bold;
}
.loading-state, .empty-state {
padding: 2rem 1rem;
text-align: center;
color: #8b949e;
font-size: 0.85rem;
}
.card-footer {
padding: 0.75rem;
background: #161b22;
border-top: 1px solid #30363d;
}
.btn-action.secondary {
background: transparent;
border: 1px solid #30363d;
color: #c9d1d9;
border-radius: 6px;
padding: 0.4rem;
font-size: 0.75rem;
font-weight: 600;
cursor: pointer;
}
.btn-action.secondary:hover {
background: #21262d;
}