fully added reader view support

This commit is contained in:
daniel31x13
2023-10-30 15:20:15 -04:00
parent ed91c4267b
commit fb61812356
16 changed files with 753 additions and 172 deletions
+12 -65
View File
@@ -129,72 +129,9 @@
/* For the Link banner */
.link-banner {
/* box-shadow: inset 0px 10px 20px 20px #ffffff; */
opacity: 25%;
z-index: 0;
}
.link-banner .link-banner-inner {
/* box-shadow: inset 0px 10px 20px 20px #ffffff; */
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-mask: linear-gradient(#fff, transparent);
mask: linear-gradient(#fff, transparent);
}
.link-banner::after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
width: 100%;
height: 4rem;
}
.link-banner::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
pointer-events: none;
width: 100%;
height: 4rem;
}
/* For light mode */
.banner-light-mode .link-banner::after {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 1) 90%
);
}
.banner-light-mode .link-banner::before {
background-image: linear-gradient(
to top,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 1) 90%
);
}
/* For dark mode */
.banner-dark-mode .link-banner::after {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
#171717 90%
);
}
.banner-dark-mode .link-banner::before {
background-image: linear-gradient(
to top,
rgba(255, 255, 255, 0),
#171717 90%
);
border-radius: 1rem;
height: fit-content;
}
/* Theme */
@@ -227,6 +164,12 @@
@apply dark:text-white;
}
}
.react-select__clear-indicator * {
display: none;
width: 0;
margin: 0;
padding: 0;
}
.sky-shadow {
box-shadow: 0px 0px 3px #0ea5e9;
@@ -239,3 +182,7 @@
.primary-btn-gradient:hover {
box-shadow: inset 0px -15px 10px #059bf8;
}
.line-break * {
overflow-x: auto;
}