Rename app/ --> src/

2023-09-18 16:03:21 -05:00
parent 41dc04dd91
commit 7d17c87fc7
1427 changed files with 0 additions and 0 deletions
--- a/src/styles/ui.scss
+++ b/src/styles/ui.scss
@ -0,0 +1,122 @@
+.icon-button {
+  @apply text-black dark:text-white;
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  transition: 100ms ease-in;
+  opacity: 0.4;
+
+  &__text {
+    padding-left: 2px;
+  }
+
+  &:hover,
+  &:active,
+  &:focus {
+    opacity: 0.6;
+    transition: color 200ms ease-out;
+  }
+
+  &.disabled {
+    opacity: 0.2;
+    cursor: default;
+  }
+
+  &::-moz-focus-inner {
+    border: 0;
+  }
+
+  &::-moz-focus-inner,
+  &:focus,
+  &:active {
+    outline: 0 !important;
+  }
+}
+
+.react-datepicker-popper {
+  z-index: 9999 !important;
+}
+
+.ellipsis::after { content: '…'; }
+
+.image-loader {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+  .image-loader__preview-canvas {
+    @apply max-w-full max-h-[80%];
+    background: url('../assets/images/void.png') repeat;
+    object-fit: contain;
+  }
+
+  &.image-loader--amorphous .image-loader__preview-canvas {
+    display: none;
+  }
+}
+
+.zoomable-image {
+  @apply relative w-full h-full flex items-center justify-center;
+
+  img {
+    @apply w-auto h-auto max-w-full max-h-[80%] object-contain shadow-2xl;
+  }
+}
+
+.react-swipeable-view-container {
+  & {
+    height: 100%;
+  }
+}
+
+.react-swipeable-view-container > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.ui {
+  display: block;
+  width: 100%;
+  padding: 0 0 calc(var(--thumb-navigation-height) + 86px);
+
+  .page {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+}
+
+.slist__append {
+  flex: 1 1 auto;
+  position: relative;
+  padding: 30px 15px;
+}
+
+.setting-text {
+  @apply block w-full mb-2.5 border-0 border-b-2 border-solid box-border text-gray-400 bg-transparent;
+  font-family: inherit;
+  padding: 7px 0;
+
+  @media screen and (max-width: 600px) {
+    font-size: 16px;
+  }
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 0;
+}
+
+@keyframes flicker {
+  0% { opacity: 1; }
+  30% { opacity: 0.75; }
+  100% { opacity: 1; }
+}