6694db093f
This PR migrates the dashboard apps page to the new layout and includes the following updates: - Create a compact design for the back button - Add a back button to the settings header - Reduce letter-spacing on the description - Fix mobile styles - Migrate the layout of dashboard apps/index to new layouts Note: I've moved all feature help URLs from features.yml to the frontend. This change prevents features.yml from becoming bloated due to frontend modifications. --------- Co-authored-by: Sojan Jose <sojan@pepalo.com>
91 lines
1.9 KiB
SCSS
91 lines
1.9 KiB
SCSS
table {
|
|
@apply border-spacing-0 text-sm w-full;
|
|
|
|
|
|
}
|
|
|
|
.woot-table {
|
|
thead {
|
|
th {
|
|
@apply font-semibold tracking-[1px] text-left px-2.5 uppercase text-slate-900 dark:text-slate-200;
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
tr {
|
|
@apply border-b border-slate-50 dark:border-slate-800/30;
|
|
}
|
|
|
|
td {
|
|
@apply p-2.5 text-slate-700 dark:text-slate-100;
|
|
}
|
|
}
|
|
|
|
tr {
|
|
.show-if-hover {
|
|
transition: opacity 0.2s $swift-ease-out-function;
|
|
@apply opacity-0;
|
|
}
|
|
|
|
&:hover {
|
|
.show-if-hover {
|
|
@apply opacity-100;
|
|
}
|
|
}
|
|
}
|
|
|
|
.agent-name {
|
|
@apply block font-medium capitalize;
|
|
}
|
|
|
|
.woot-thumbnail {
|
|
@apply rounded-full h-[3.125rem] w-[3.125rem];
|
|
}
|
|
|
|
.button-wrapper {
|
|
@apply flex justify-start flex-row min-w-[12.5rem] gap-1;
|
|
}
|
|
|
|
.button {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.ve-table {
|
|
.ve-table-container.ve-table-border-around {
|
|
@apply border-slate-200 dark:border-slate-700;
|
|
}
|
|
|
|
.ve-table-content {
|
|
.ve-table-header .ve-table-header-tr .ve-table-header-th {
|
|
@apply bg-slate-50 dark:bg-slate-800 text-slate-800 dark:text-slate-100 border-slate-100 dark:border-slate-700/50;
|
|
}
|
|
|
|
.ve-table-body .ve-table-body-tr .ve-table-body-td {
|
|
@apply bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100 border-slate-75 dark:border-slate-800;
|
|
}
|
|
|
|
.ve-table-body.ve-table-row-hover .ve-table-body-tr:hover td {
|
|
@apply bg-slate-50 dark:bg-slate-700 text-slate-800 dark:text-slate-100;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-pagination {
|
|
.ve-pagination-total {
|
|
@apply text-slate-600 dark:text-slate-200;
|
|
}
|
|
|
|
.ve-pagination-goto {
|
|
@apply text-slate-600 dark:text-slate-200;
|
|
|
|
.ve-pagination-goto-input {
|
|
@apply bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-200;
|
|
}
|
|
}
|
|
|
|
.ve-pagination-li {
|
|
@apply bg-white dark:bg-slate-900 text-slate-600 dark:text-slate-200 border-slate-75 dark:border-slate-700;
|
|
}
|
|
}
|