102 lines
1.5 KiB
SCSS
102 lines
1.5 KiB
SCSS
.action-button {
|
|
width: 85%;
|
|
margin: 0.2rem auto;
|
|
padding: 0.3rem;
|
|
border-radius: 3px;
|
|
transition: all 0.3s ease;
|
|
|
|
&:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
|
|
}
|
|
}
|
|
|
|
.office-card {
|
|
width: 100%;
|
|
margin: 0.75rem auto;
|
|
padding: 0.5rem;
|
|
border-radius: 8px !important;
|
|
box-shadow: 0 2px 8px rgb(0 0 0 / 10%) !important;
|
|
|
|
.navigation-tabs {
|
|
overflow: auto;
|
|
padding: 0.2rem 0;
|
|
|
|
&::-webkit-scrollbar {
|
|
height: 4px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: rgb(0 0 0 / 20%);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.mat-tab-label {
|
|
min-width: 80px;
|
|
padding: 0 0.5rem;
|
|
height: 36px;
|
|
font-size: 0.85rem;
|
|
}
|
|
}
|
|
|
|
@media (width <= 768px) {
|
|
width: 85%;
|
|
padding: 0.4rem;
|
|
}
|
|
}
|
|
|
|
.container {
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.narrow-container {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 0.75rem;
|
|
}
|
|
|
|
.extra-small {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.compact-tab {
|
|
min-width: auto;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.card-content {
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.tab-panel {
|
|
padding: 0.5rem 0;
|
|
}
|
|
|
|
.action-bar {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
max-width: 600px;
|
|
margin: 0 auto 0.5rem;
|
|
padding: 0 0.5rem;
|
|
}
|
|
|
|
.edit-button {
|
|
min-width: 110px;
|
|
padding: 0.4rem 1rem;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.tab-header-with-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
padding: 0.5rem 0.5rem 0;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.tab-actions {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
}
|