mealie/frontend/assets/css/main.css

.layout-enter-active,
.layout-leave-active {
  transition: opacity 0.2s;
}

.layout-enter,
.layout-leave-active {
  opacity: 0;
}

.narrow-container {
  max-width: 800px !important;
}

.md-container {
  max-width: 950px !important;
}

.theme--dark.v-application {
  background-color: var(--v-background-base, #1e1e1e) !important;
}

.theme--dark.v-navigation-drawer {
  background-color: var(--v-background-base, #1e1e1e) !important;
}

.theme--dark.v-card {
  background-color: #1e1e1e !important;
}

.left-border {
  border-left: 5px solid var(--v-primary-base) !important;
}

.left-warning-border {
  border-left: 5px solid var(--v-warning-base) !important;
}

.handle {
  cursor: grab;
}

.hidden {
  visibility: hidden !important;
}

.v-card__text,
.v-card__title {
  word-break: normal !important;
}

.text-hide-overflow {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}