DebaucheryLibrarian/traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Added country and birthday filters to actors page.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2024-01-03 02:52:41 +01:00
parent b59a6dc066
commit 3c3be10c4e
21 changed files with 1061 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/css/inputs.css
View File

@@ -14,6 +14,13 @@
}
}
.input-inline {
border-radius: 0;
border: none;
border-bottom: solid 1px var(--grey-light-30);
background: var(--background);
}
.button {
padding: .5rem 1rem;
border: none;
@@ -67,9 +74,9 @@
}
.filter-section {
width: 15rem;
max-width: 100%;
width: 100%;
border-bottom: solid 1px var(--shadow-hint);
margin-bottom: .25rem;
}
.label-values {
@@ -175,13 +182,14 @@
.filter-label {
display: flex;
justify-content: space-between;
padding: .75rem .5rem .5rem .5rem;
padding: .5rem 0 .25rem .5rem;
color: var(--shadow);
font-weight: bold;
font-size: .9rem;
.label {
display: inline-flex;
width: 100%;
display: flex;
align-items: center;
text-transform: capitalize;
}

4
assets/css/style.css
View File

@@ -11,10 +11,6 @@ body,
height: 100%;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
color: var(--text);

218
assets/css/tooltip.css
View File

@@ -1,6 +1,216 @@
.tooltip {}
.menu-item {
.resize-observer[data-v-b329ee4c] {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
pointer-events: none;
display: block;
padding: .5rem;
overflow: hidden;
opacity: 0
}
.resize-observer[data-v-b329ee4c] object {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.v-popper__popper {
z-index: 10000;
top: 0;
left: 0;
outline: none;
max-height: 100%;
}
.v-popper__popper.v-popper__popper--hidden {
visibility: hidden;
opacity: 0;
transition: opacity .15s, visibility .15s;
pointer-events: none
}
.v-popper__popper.v-popper__popper--shown {
visibility: visible;
opacity: 1;
transition: opacity .15s
}
.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
transition: none !important
}
.v-popper__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none
}
.v-popper__inner {
position: relative;
box-sizing: border-box;
overflow-y: auto
}
.v-popper__inner>div {
position: relative;
z-index: 1;
max-width: inherit;
max-height: inherit
}
.v-popper__arrow-container {
position: absolute;
width: 10px;
height: 10px
}
.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
display: none
}
.v-popper__arrow-inner,
.v-popper__arrow-outer {
border-style: solid;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0
}
.v-popper__arrow-inner {
visibility: hidden;
border-width: 7px
}
.v-popper__arrow-outer {
border-width: 6px
}
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
left: -2px
}
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
left: -1px
}
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
border-bottom-width: 0;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important
}
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
top: -2px
}
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
top: 0
}
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
border-top-width: 0;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important
}
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
top: -4px
}
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
top: -6px
}
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
top: -2px
}
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
top: -1px
}
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
border-left-width: 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important
}
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
left: -4px
}
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
left: -6px
}
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
right: -10px
}
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
border-right-width: 0;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important
}
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
left: -2px
}
.v-popper--theme-dropdown .v-popper__inner {
background: #fff;
color: #000;
border-radius: 6px;
border: 1px solid #ddd;
box-shadow: 0 6px 30px #0000001a
}
.v-popper--theme-dropdown .v-popper__arrow-inner {
visibility: visible;
border-color: #fff
}
.v-popper--theme-dropdown .v-popper__arrow-outer {
border-color: #ddd
}
.v-popper--theme-tooltip .v-popper__inner {
background: rgba(0, 0, 0, .8);
color: #fff;
border-radius: 6px;
padding: 7px 12px 6px
}
.v-popper--theme-tooltip .v-popper__arrow-outer {
border-color: #000c
}