cbartos/gpt-contextfiles
1
0
Fork 0
mirror of https://github.com/Iheuzio/gpt-contextfiles.git synced 2025-07-18 14:00:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(render-style): Removed broken css

Browse Source
This commit is contained in:
Christopher 2023-06-27 12:59:56 -04:00
parent 95a11f8bf9
commit 55af7f8c26
1 changed files with 41 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
src/webviewPanel.js
View File

@ -27,20 +27,20 @@ function getWebviewContent(apiResponse = '', question = '') {
color: #d4d4d4; color: #d4d4d4;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
.textbox { .textbox {
width: 100%; width: 100%;
height: 200px; height: 200px;
resize: both; resize: both;
padding: 10px; padding: 10px;
} }
.buttons { .buttons {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 50%; width: 50%;
} }
.button { .button {
flex-grow: 1; flex-grow: 1;
background-color: #007acc; background-color: #007acc;
@ -52,31 +52,30 @@ function getWebviewContent(apiResponse = '', question = '') {
outline: none; outline: none;
font-size: 14px; font-size: 14px;
} }
#response { #response {
white-space: pre-wrap; white-space: pre-wrap;
background: #343434; background: #343434;
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
} }
#file-list { #file-list {
margin-top: 20px; margin-top: 20px;
border
} }
.form-group { .form-group {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20px; margin-bottom: 20px;
width: 100%; width: 100%;
} }
.form-group label { .form-group label {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 14px; font-size: 14px;
} }
.form-group input[type="text"] { .form-group input[type="text"] {
padding: 10px; padding: 10px;
font-size: 14px; font-size: 14px;
@ -85,17 +84,17 @@ function getWebviewContent(apiResponse = '', question = '') {
background-color: #2d2d2d; background-color: #2d2d2d;
color: #d4d4d4; color: #d4d4d4;
} }
.form-group input[type="text"]::placeholder { .form-group input[type="text"]::placeholder {
color: #d4d4d4; color: #d4d4d4;
} }
.form-group .button-options { .form-group .button-options {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 10px; margin-top: 10px;
} }
.form-group .button-options button { .form-group .button-options button {
padding: 10px; padding: 10px;
font-size: 14px; font-size: 14px;
@ -105,61 +104,61 @@ function getWebviewContent(apiResponse = '', question = '') {
background-color: #007acc; background-color: #007acc;
color: #fff; color: #fff;
} }
.form-group .button-options button:hover { .form-group .button-options button:hover {
background-color: #005f8c; background-color: #005f8c;
} }
.form-group .button-options button:active { .form-group .button-options button:active {
background-color: #004d73; background-color: #004d73;
} }
.form-group .button-options button:focus { .form-group .button-options button:focus {
box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5); box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5);
} }
.file-list { .file-list {
margin-top: 20px; margin-top: 20px;
width: 100%; width: 100%;
} }
.file-list h2 { .file-list h2 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 14px; font-size: 14px;
} }
.file-list .file-item { .file-list .file-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 5px; margin-bottom: 5px;
font-size: 14px; font-size: 14px;
} }
.file-list .file-item input[type="checkbox"] { .file-list .file-item input[type="checkbox"] {
margin-right: 5px; margin-right: 5px;
} }
.file-list .file-item label { .file-list .file-item label {
margin-bottom: 0; margin-bottom: 0;
} }
.file-list .file-item .file-path { .file-list .file-item .file-path {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.file-list .file-item .file-path:hover { .file-list .file-item .file-path:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.file-list .file-item .file-path:active { .file-list .file-item .file-path:active {
color: #007acc; color: #007acc;
} }
.file-list .file-item .file-path:focus { .file-list .file-item .file-path:focus {
box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5); box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5);
} }
.collapsible { .collapsible {
background-color: #2d2d2d; background-color: #2d2d2d;
color: #d4d4d4; color: #d4d4d4;
@ -171,19 +170,19 @@ function getWebviewContent(apiResponse = '', question = '') {
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
} }
.collapsible:hover { .collapsible:hover {
background-color: #3c3c3c; background-color: #3c3c3c;
} }
.collapsible:active { .collapsible:active {
background-color: #4c4c4c; background-color: #4c4c4c;
} }
.collapsible:focus { .collapsible:focus {
box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5); box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.5);
} }
.content { .content {
padding: 0 10px; padding: 0 10px;
display: none; display: none;
@ -191,21 +190,21 @@ function getWebviewContent(apiResponse = '', question = '') {
background-color: #f1f1f1; background-color: #f1f1f1;
width: 98%; width: 98%;
} }
.content p { .content p {
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
} }
.active, .active,
.collapsible:hover { .collapsible:hover {
background-color: #555; background-color: #555;
} }
.active:after { .active:after {
content: "\\2212"; content: "\\2212";
} }
.collapsible:after { .collapsible:after {
content: "\\002B"; content: "\\002B";
color: #d4d4d4; color: #d4d4d4;
@ -213,11 +212,11 @@ function getWebviewContent(apiResponse = '', question = '') {
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
.active:after { .active:after {
content: "\\2212"; content: "\\2212";
} }
.collapsible:after { .collapsible:after {
content: "\\002B"; content: "\\002B";
color: #d4d4d4; color: #d4d4d4;
@ -225,7 +224,7 @@ function getWebviewContent(apiResponse = '', question = '') {
float: right; float: right;
margin-left: 5px; margin-left: 5px;
} }
#rendered { #rendered {
background-color: #2d2d2d; background-color: #2d2d2d;
word-wrap: wrap; word-wrap: wrap;
@ -235,7 +234,7 @@ function getWebviewContent(apiResponse = '', question = '') {
padding: 10px; padding: 10px;
color: white; color: white;
} }
#question-rep { #question-rep {
font-weight: bold; font-weight: bold;
background-color: #2d2d2d; background-color: #2d2d2d;
@ -245,14 +244,13 @@ function getWebviewContent(apiResponse = '', question = '') {
padding: 10px; padding: 10px;
margin-top: 20px; margin-top: 20px;
} }
div#api-response.content.active { div#api-response.content.active {
background-color: #313131; background-color: #313131;
} }
#code-block { #code-block {
padding: 10px 0 10px 10px; padding: 10px 0 10px 10px;
padding-
border-radius: 5px; border-radius: 5px;
background-color: black; background-color: black;
border: none; border: none;
@ -265,7 +263,7 @@ function getWebviewContent(apiResponse = '', question = '') {
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
#copy-button { #copy-button {
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
@ -280,12 +278,12 @@ function getWebviewContent(apiResponse = '', question = '') {
top: 0; top: 0;
right: 0; right: 0;
} }
#copy-button:hover { #copy-button:hover {
background-color: #fff; background-color: #fff;
color: #000; color: #000;
} }
</style> </style>
</head> </head>