110 lines
1.8 KiB
CSS
110 lines
1.8 KiB
CSS
/* Header fisso */
|
|
.app-header {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
.app-topbar {
|
|
height: 56px !important;
|
|
min-height: 56px !important;
|
|
padding: 0 16px !important;
|
|
}
|
|
|
|
/* Logo */
|
|
.logo {
|
|
height: 40px;
|
|
}
|
|
|
|
/* User section */
|
|
.user-section i {
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* Contenuto principale */
|
|
.main-content {
|
|
min-height: 0; /* necessario per overflow-auto su flex */
|
|
}
|
|
|
|
.app-tabbar-wrap {
|
|
position: fixed;
|
|
top: 56px;
|
|
z-index: 40;
|
|
width: 100%;
|
|
padding: 0 16px;
|
|
background: #d8f4e7;
|
|
border-bottom: 1px solid rgba(148, 163, 184, 0.28);
|
|
}
|
|
|
|
.app-tabbar {
|
|
min-height: 48px;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.app-tab-link {
|
|
min-width: 120px;
|
|
min-height: 48px;
|
|
border-radius: 0;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.app-shell {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
padding-top: 112px;
|
|
}
|
|
|
|
.app-shell--admin {
|
|
padding-top: 56px;
|
|
}
|
|
|
|
.app-main-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
margin-top: 0;
|
|
padding: 10px 16px 16px;
|
|
overflow: hidden;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.app-user-trigger {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
border: 1px solid rgba(148, 163, 184, 0.4);
|
|
border-radius: 999px;
|
|
background: rgba(255, 255, 255, 0.72);
|
|
color: #334155;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
.app-user-trigger:hover {
|
|
background: rgba(255, 255, 255, 0.92);
|
|
}
|
|
|
|
.app-password-success-banner {
|
|
position: fixed;
|
|
top: 76px;
|
|
left: 50%;
|
|
z-index: 10010;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
transform: translateX(-50%);
|
|
border: 1px solid #86efac;
|
|
border-radius: 999px;
|
|
background: #f0fdf4;
|
|
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
|
|
color: #166534;
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
padding: 10px 14px;
|
|
}
|