jinojose/aipackage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve portal mobile responsiveness

Browse Source
This commit is contained in:
Jino Jose 2026-06-30 15:38:29 +05:30
parent c8545b215a
commit 87b1d63a26
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
cezen-portal/settings.html
View File

@ -64,6 +64,14 @@
#toast { position:fixed; bottom:24px; right:24px; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; display:none; z-index:999; } #toast { position:fixed; bottom:24px; right:24px; padding:12px 20px; border-radius:10px; font-size:14px; font-weight:600; display:none; z-index:999; }
#toast.success { background:rgba(34,197,94,.15); color:#15803D; border:1px solid rgba(134,239,172,.3); } #toast.success { background:rgba(34,197,94,.15); color:#15803D; border:1px solid rgba(134,239,172,.3); }
#toast.error { background:rgba(185,28,28,.08); color:#B91C1C; border:1px solid rgba(239,68,68,.25); } #toast.error { background:rgba(185,28,28,.08); color:#B91C1C; border:1px solid rgba(239,68,68,.25); }
@media(max-width:640px){
.settings-grid,
.form-row { grid-template-columns:1fr; }
.settings-card,
.sessions-card,
.sysinfo-card { padding:22px; }
.logo-area { flex-direction:column; }
}
</style> </style>
</head> </head>
<body data-role="admin"> <body data-role="admin">

14
cezen-portal/style.css
View File

@ -1132,6 +1132,20 @@ footer a:hover { text-decoration: underline; }
.info-grid { grid-template-columns: 1fr; } .info-grid { grid-template-columns: 1fr; }
.topnav { padding: 0 16px; } .topnav { padding: 0 16px; }
.topnav nav { display: none; } .topnav nav { display: none; }
.topnav .nav-right { gap: 6px; min-width: 0; }
.topnav .badge,
.nav-tier-badge,
#cezen-online-pill,
.nav-user-info { display: none !important; }
.nav-user-chip {
border-left: 0;
margin-left: 0;
padding: 0;
gap: 4px;
flex-shrink: 0;
}
.nav-user-avatar { width: 26px; height: 26px; }
.nav-logout-btn { padding: 4px 0; font-size: .6875rem; }
.pl-grid { grid-template-columns: 1fr; } .pl-grid { grid-template-columns: 1fr; }
footer { padding: 16px 24px; flex-direction: column; gap: 6px; text-align: center; } footer { padding: 16px 24px; flex-direction: column; gap: 6px; text-align: center; }
.mt-header, .mt-row { grid-template-columns: 1fr 1fr; } .mt-header, .mt-row { grid-template-columns: 1fr 1fr; }