mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-26 18:30:38 +00:00
dark mode for teams
This commit is contained in:
Čarodej
@@ -56,7 +56,7 @@ export default {
|
||||
toggleDarkMode() {
|
||||
const webApp = document.getElementsByTagName("html")[0];
|
||||
|
||||
webApp.classList.toggle("dark-mode");
|
||||
webApp.classList.toggle("dark");
|
||||
},
|
||||
spotlightListener(e) {
|
||||
if (e.key === 'k' && e.metaKey) {
|
||||
@@ -170,7 +170,7 @@ export default {
|
||||
}
|
||||
|
||||
// Dark mode support
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
* {
|
||||
color: $dark_mode_text_primary;
|
||||
|
||||
@@ -113,7 +113,7 @@
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.widget-value {
|
||||
|
||||
span {
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.widget-content {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -88,7 +88,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.button {
|
||||
|
||||
&.outline {
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popover-item {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.file-preview {
|
||||
background-color: $dark_mode_background;
|
||||
}
|
||||
|
||||
@@ -241,7 +241,7 @@ export default {
|
||||
}
|
||||
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.navigation-arrows {
|
||||
.prev, .next {
|
||||
|
||||
@@ -341,7 +341,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.navigation-panel {
|
||||
background-color: $dark_mode_background;
|
||||
color: $dark_mode_text_primary;
|
||||
|
||||
@@ -167,7 +167,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popup-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.button-base {
|
||||
|
||||
|
||||
@@ -34,7 +34,7 @@ export default {
|
||||
background-color: darken($light_background, 5%);
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.is-deactive {
|
||||
background-color: lighten($dark_mode_foreground, 10%);
|
||||
|
||||
@@ -157,7 +157,7 @@ export default {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.contextmenu {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -361,7 +361,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.team-preview:hover {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
|
||||
@@ -95,7 +95,7 @@ export default {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
#drag-ui {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.text-content {
|
||||
|
||||
.title {
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.empty-message {
|
||||
|
||||
.message {
|
||||
|
||||
@@ -105,7 +105,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
#mobile-actions-wrapper {
|
||||
background: $dark_mode_background;
|
||||
}
|
||||
|
||||
@@ -554,7 +554,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.file-wrapper {
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
:size="28"
|
||||
:is-border="true"
|
||||
:member="item.data.relationships.user"
|
||||
class="absolute -right-2 -bottom-2"
|
||||
class="absolute -right-2 -bottom-2 z-10"
|
||||
/>
|
||||
|
||||
<!--If is file or image, then link item-->
|
||||
@@ -524,7 +524,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.file-wrapper {
|
||||
.icon-item {
|
||||
|
||||
@@ -120,7 +120,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.folder-icon {
|
||||
&.is-deleted {
|
||||
|
||||
@@ -129,7 +129,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.meta-data-list {
|
||||
li {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
v-if="member.data.attributes.avatar"
|
||||
:src="member.data.attributes.avatar"
|
||||
:alt="member.data.attributes.name"
|
||||
:class="[borderRadius, {'border-3 border-white': isBorder}]"
|
||||
:class="[borderRadius, {'border-3 border-white dark:border-dark-background': isBorder}]"
|
||||
class=""
|
||||
>
|
||||
<div
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.mobile-action-button {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.mobile-action-button {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
|
||||
@@ -88,7 +88,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.multiselect-actions {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -141,7 +141,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.mobile-toolbar {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -187,7 +187,7 @@ import {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.menu-option {
|
||||
color: $dark_mode_text_primary;
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.menu-option-group {
|
||||
border-color: $dark_mode_border_color;
|
||||
}
|
||||
|
||||
@@ -74,7 +74,7 @@ import {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.menu-option {
|
||||
color: $dark_mode_text_primary;
|
||||
|
||||
@@ -101,7 +101,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popup-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -30,7 +30,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.progress-bar {
|
||||
background: $dark_mode_foreground;
|
||||
@@ -39,7 +39,7 @@ export default {
|
||||
|
||||
@media only screen and (min-width: 680px) {
|
||||
|
||||
.dark-mode .progress-bar {
|
||||
.dark .progress-bar {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -82,7 +82,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.search-bar {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
|
||||
@@ -77,7 +77,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.wrapper {
|
||||
.text {
|
||||
.title {
|
||||
|
||||
@@ -115,7 +115,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.button {
|
||||
background: transparent;
|
||||
|
||||
|
||||
@@ -129,7 +129,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.progress-bar {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -149,7 +149,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.plans-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -206,7 +206,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.hero-screenshot {
|
||||
|
||||
|
||||
@@ -176,7 +176,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.features {
|
||||
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.copyright {
|
||||
color: $dark_mode_text_secondary;
|
||||
|
||||
@@ -84,7 +84,7 @@
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.options {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.mobile-header {
|
||||
background: $dark_mode_background;
|
||||
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -117,7 +117,7 @@ export default {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.color-pick-wrapper {
|
||||
.color-wrapper {
|
||||
.single-color {
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.cookie-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
|
||||
@@ -126,7 +126,7 @@ export default {
|
||||
@import "resources/sass/vuefilemanager/_inapp-forms.scss";
|
||||
@import '/resources/sass/vuefilemanager/_forms';
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.info-box {
|
||||
background: lighten($dark_mode_foreground, 3%);
|
||||
|
||||
@@ -434,7 +434,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.emoji-wrapper {
|
||||
background: lighten($dark_mode_foreground, 2%);
|
||||
|
||||
@@ -140,7 +140,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.copy-input {
|
||||
border-color: #333333;
|
||||
|
||||
@@ -249,7 +249,7 @@ export default {
|
||||
right: -9999px;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.copy-input {
|
||||
border-color: #333333;
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.form-label {
|
||||
|
||||
.label {
|
||||
|
||||
@@ -187,7 +187,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.dropzone {
|
||||
border-color: rgba(white, 0.2);
|
||||
|
||||
|
||||
@@ -82,7 +82,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.info-box {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -173,7 +173,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.input-wrapper {
|
||||
background: lighten($dark_mode_foreground, 3%);
|
||||
|
||||
|
||||
@@ -104,7 +104,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.search-bar {
|
||||
input {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.select-box {
|
||||
|
||||
.box-item {
|
||||
|
||||
@@ -239,7 +239,7 @@
|
||||
transform: translateY(-50px);
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.select-search {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.setup-box {
|
||||
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.switch {
|
||||
background: $dark_mode_foreground;
|
||||
}
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.list-info-item {
|
||||
|
||||
span {
|
||||
|
||||
@@ -159,7 +159,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.toaster-item {
|
||||
|
||||
&.success, &.danger {
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.page-header {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -167,7 +167,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.plan {
|
||||
|
||||
.plan-wrapper {
|
||||
|
||||
@@ -123,7 +123,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.content {
|
||||
.title {
|
||||
|
||||
@@ -101,7 +101,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popup-header {
|
||||
.label {
|
||||
.close-icon {
|
||||
|
||||
@@ -141,7 +141,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popup-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
box-shadow: $dark_mode_popup_shadow;
|
||||
@@ -150,7 +150,7 @@
|
||||
|
||||
@media only screen and (max-width: 690px) {
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.popup-wrapper {
|
||||
background: $dark_mode_background;
|
||||
}
|
||||
|
||||
@@ -185,7 +185,7 @@ export default {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.close-icon-wrapper {
|
||||
&:hover {
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.text-label {
|
||||
color: $theme;
|
||||
}
|
||||
|
||||
@@ -168,7 +168,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.header-storage-item {
|
||||
.type {
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
}
|
||||
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.tab-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
border-color: transparent;
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.cell-image-thumbnail {
|
||||
|
||||
|
||||
@@ -424,7 +424,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.table {
|
||||
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.text-label {
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
@@ -165,7 +165,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.file-item {
|
||||
.icon-item .file-icon {
|
||||
path {
|
||||
@@ -206,7 +206,7 @@
|
||||
}
|
||||
|
||||
@media (max-width: 690px) {
|
||||
.dark-mode .file-item {
|
||||
.dark .file-item {
|
||||
.icon-item .file-icon {
|
||||
path {
|
||||
fill: $dark_mode_foreground;
|
||||
|
||||
@@ -171,7 +171,7 @@
|
||||
}
|
||||
|
||||
// Dark mode
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.folder-item {
|
||||
|
||||
|
||||
@@ -230,7 +230,7 @@
|
||||
}
|
||||
|
||||
// Dark mode
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.folder-item {
|
||||
|
||||
|
||||
@@ -192,7 +192,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.codes-list {
|
||||
|
||||
li {
|
||||
|
||||
@@ -94,7 +94,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.user-avatar {
|
||||
|
||||
.notification {
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
}
|
||||
|
||||
// Dark mode
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.vignette {
|
||||
background: $dark_mode_vignette;
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.content-sidebar {
|
||||
background: rgba($dark_mode_foreground, 0.2);
|
||||
|
||||
@@ -94,7 +94,7 @@
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
|
||||
.dark-mode-switcher {
|
||||
.dark-switcher {
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid darken($light_mode_border, 7%);
|
||||
margin: 20px 15px 0;
|
||||
@@ -212,9 +212,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.dark-mode-switcher {
|
||||
.dark-switcher {
|
||||
border-color:lighten($dark_mode_foreground, 2%);
|
||||
}
|
||||
|
||||
|
||||
@@ -293,7 +293,7 @@ export default {
|
||||
@include font-size(13);
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
#spotlight .spotlight-wrapper {
|
||||
background: $dark_mode_foreground;
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.permission-toggle .privilege {
|
||||
color: $dark_mode_text_secondary;
|
||||
|
||||
@@ -1,8 +1,12 @@
|
||||
<template>
|
||||
<div class="team-folder-preview">
|
||||
<div class="team-folder-preview text-left py-3 px-5">
|
||||
<div class="info">
|
||||
<b class="title">{{ teamFolder.data.attributes.name }}</b>
|
||||
<span class="subtitle">Created at {{ teamFolder.data.attributes.created_at }}</span>
|
||||
<b class="title text-sm">
|
||||
{{ teamFolder.data.attributes.name }}
|
||||
</b>
|
||||
<span class="subtitle text-tiny block mb-2 dark:text-gray-500 text-gray-600">
|
||||
Created at {{ teamFolder.data.attributes.created_at }}
|
||||
</span>
|
||||
<TeamMembersPreview :folder="teamFolder" :avatar-size="32" class="members" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -34,27 +38,10 @@
|
||||
@import "resources/sass/vuefilemanager/_mixins";
|
||||
|
||||
.team-folder-preview {
|
||||
text-align: left;
|
||||
padding: 15px 20px;
|
||||
border-bottom: 1px solid $light_mode_border;
|
||||
|
||||
.info {
|
||||
|
||||
.title {
|
||||
@include font-size(14);
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
@include font-size(11);
|
||||
color: $text-muted;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.team-folder-preview {
|
||||
border-color: $dark_mode_border_color;
|
||||
}
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<b class="title">
|
||||
{{ entry.name }}
|
||||
</b>
|
||||
<span class="subtitle">
|
||||
<span class="subtitle dark:text-gray-500 text-gray-600">
|
||||
{{ entry.email }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -124,7 +124,6 @@
|
||||
|
||||
.subtitle {
|
||||
@include font-size(12);
|
||||
color: $text-muted;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -135,7 +134,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.member-item .info .email {
|
||||
color: $dark_mode_text_secondary;
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.team-folder {
|
||||
|
||||
|
||||
@@ -156,7 +156,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -170,7 +170,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -172,7 +172,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -217,7 +217,7 @@
|
||||
}
|
||||
|
||||
.logo {
|
||||
.dark-mode {
|
||||
.dark {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -271,7 +271,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.metadata {
|
||||
|
||||
|
||||
@@ -229,7 +229,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.table-tools {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -449,7 +449,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.search-bar-wrapper {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -139,7 +139,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.table-tools {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -220,7 +220,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.table-tools {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -123,7 +123,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.user-thumbnail {
|
||||
|
||||
.info {
|
||||
|
||||
@@ -207,7 +207,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
.table-tools {
|
||||
background: $dark_mode_background;
|
||||
|
||||
@@ -193,7 +193,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
.user-thumbnail {
|
||||
|
||||
.info {
|
||||
|
||||
@@ -233,7 +233,7 @@
|
||||
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -151,7 +151,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode {
|
||||
.dark {
|
||||
|
||||
}
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user