Minor chat styling issue
parent
68e0e423a8
commit
6dae286e19
|
@ -1,4 +1,5 @@
|
||||||
require('dotenv').config()
|
require('dotenv').config()
|
||||||
|
const package = require("./package.json");
|
||||||
const path = require("path");
|
const path = require("path");
|
||||||
const { build } = require("esbuild");
|
const { build } = require("esbuild");
|
||||||
|
|
||||||
|
@ -8,6 +9,7 @@ const options = {
|
||||||
bundle: true,
|
bundle: true,
|
||||||
minify: process.env.NODE_ENV === "production",
|
minify: process.env.NODE_ENV === "production",
|
||||||
define: {
|
define: {
|
||||||
|
"process.env.VERSION": `"${package.version}"`,
|
||||||
"process.env.NODE_ENV": `"${process.env.NODE_ENV}"`,
|
"process.env.NODE_ENV": `"${process.env.NODE_ENV}"`,
|
||||||
"process.env.DEBUG": process.env.DEBUG,
|
"process.env.DEBUG": process.env.DEBUG,
|
||||||
"process.env.FEATURES_ACTIVITY": process.env.FEATURES_ACTIVITY,
|
"process.env.FEATURES_ACTIVITY": process.env.FEATURES_ACTIVITY,
|
||||||
|
|
|
@ -27,6 +27,10 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.App-heading small {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
.App-side {
|
.App-side {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -34,7 +38,7 @@
|
||||||
background: var(--gray-500);
|
background: var(--gray-500);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1100px) {
|
@media screen and (max-width: 1100px) {
|
||||||
.App-side {
|
.App-side {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,6 +33,7 @@ function AppInner() {
|
||||||
<div className="App" ref={dropRef}>
|
<div className="App" ref={dropRef}>
|
||||||
<div className="App-wrapper">
|
<div className="App-wrapper">
|
||||||
<div className="App-heading">
|
<div className="App-heading">
|
||||||
|
<small>v{process.env.VERSION}</small>
|
||||||
<ChatHeading />
|
<ChatHeading />
|
||||||
</div>
|
</div>
|
||||||
<div id="chatWrapper" className="App-content">
|
<div id="chatWrapper" className="App-content">
|
||||||
|
|
|
@ -288,13 +288,16 @@ lite-youtube {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.App-heading small {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
.App-side {
|
.App-side {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background: var(--gray-500);
|
background: var(--gray-500);
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1100px) {
|
@media screen and (max-width: 1100px) {
|
||||||
.App-side {
|
.App-side {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -32674,7 +32674,7 @@
|
||||||
className: "App-wrapper"
|
className: "App-wrapper"
|
||||||
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
||||||
className: "App-heading"
|
className: "App-heading"
|
||||||
}, /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
}, /* @__PURE__ */ import_react35.default.createElement("small", null, "v", "0.0.2"), /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
|
||||||
id: "chatWrapper",
|
id: "chatWrapper",
|
||||||
className: "App-content"
|
className: "App-content"
|
||||||
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
}, /* @__PURE__ */ import_react35.default.createElement("div", {
|
||||||
|
|
Loading…
Reference in New Issue