Skip to content

Commit e417766

Browse files
committed
update:修改页面样式
1 parent 0740d0b commit e417766

File tree

3 files changed

+62
-24
lines changed

3 files changed

+62
-24
lines changed

remote-web/src/main/resources/sourceCodeFiles/algorithm/pom.xml

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,6 @@
11
<?xml version="1.0" encoding="UTF-8"?>
22
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
33
<modelVersion>4.0.0</modelVersion>
4-
<parent>
5-
<artifactId>practice</artifactId>
6-
<groupId>com.jzf</groupId>
7-
<version>1.0-SNAPSHOT</version>
8-
</parent>
94

105
<groupId>com.jzf</groupId>
116
<artifactId>algorithm</artifactId>
@@ -21,14 +16,6 @@
2116
<maven.compiler.target>1.8</maven.compiler.target>
2217
</properties>
2318

24-
<distributionManagement>
25-
<repository>
26-
<id>github</id>
27-
<name>GitHub OWNER Apache Maven Packages</name>
28-
<url>https://maven.pkg.github.com/zhifengjia/maven-repository</url>
29-
</repository>
30-
</distributionManagement>
31-
3219
<dependencies>
3320
<dependency>
3421
<groupId>junit</groupId>
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
package com.jzf.algorithm
2+
/**
3+
* Test
4+
*
5+
* @author jiazhifeng
6+
* @date 2021/12/09 21:58
7+
*/
8+
public class Test {
9+
public static void main(String[] args) {
10+
System.out.println("Test");
11+
}
12+
}

remote-web/src/main/resources/static/WebIDE.html

Lines changed: 50 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,13 @@
88

99
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
1010
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
11-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css" />
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default/style.min.css"/>
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.64.0/theme/darcula.min.css"
13+
integrity="sha512-kqCOYFDdyQF4JM8RddA6rMBi9oaLdR0aEACdB95Xl1EgaBhaXMIe8T4uxmPitfq4qRmHqo+nBU2d1l+M4zUx1g=="
14+
crossorigin="anonymous" referrerpolicy="no-referrer" />
1215
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.64.0/codemirror.min.css"
1316
integrity="sha512-CCnciBUnVXwa6IQT9q8EmGcarNit9GdKI5nJnj56B1iu0LuD13Qn/GZ+IUkrZROZaBdutN718NK6mIXdUjZGqg=="
14-
crossorigin="anonymous" referrerpolicy="no-referrer" />
17+
crossorigin="anonymous" referrerpolicy="no-referrer"/>
1518

1619
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
1720
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
@@ -29,15 +32,49 @@
2932
integrity="sha512-GAled7oA9WlRkBaUQlUEgxm37hf43V2KEMaEiWlvBO/ueP2BLvBLKN5tIJu4VZOTwo6Z4XvrojYngoN9dJw2ug=="
3033
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
3134

35+
<style>
36+
a {
37+
color: rgb(205,205,205);
38+
}
39+
a:hover {
40+
color: rgb(61,64,67);
41+
}
42+
.nav-pills .show>.nav-link {
43+
color: #fff;
44+
background-color: rgb(61,64,67);
45+
}
46+
.nav-link, .nav-tabs .nav-link.active {
47+
color: #495057;
48+
background-color: rgb(61,64,67);
49+
border-color: #dee2e6 #dee2e6 #fff;
50+
}
51+
.nav .nav-tabs .card-header-tabs{
52+
background-color: rgb(32,33,36);
53+
}
54+
.form-control[readonly] {
55+
color: rgb(205,205,205);
56+
background-color: #0a0a0a;
57+
}
58+
.jstree-default .jstree-wholerow-clicked {
59+
background: rgb(13,41,42);
60+
}
61+
.dropdown-menu {
62+
background-color: rgb(32,33,36);
63+
}
64+
dropdown-item {
65+
color: rgb(205,205,205);
66+
}
67+
</style>
68+
3269
<title>Web IDE</title>
3370
</head>
3471

35-
<body class="container-fluid">
72+
<body class="container-fluid" style="background-color: rgb(32,33,36);">
3673
<div class="row">
3774
<div class="col">
3875
<ul class="nav nav-pills">
3976
<li class="nav-item dropdown">
40-
<a class="nav-link dropdown-toggle text-dark" data-toggle="dropdown" href="#" role="button"
77+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
4178
aria-expanded="false">File</a>
4279
<div class="dropdown-menu">
4380
<a class="dropdown-item" href="#">Create File or folder</a>
@@ -48,7 +85,7 @@
4885
</div>
4986
</li>
5087
<li class="nav-item dropdown">
51-
<a class="nav-link dropdown-toggle text-dark" data-toggle="dropdown" href="#" role="button"
88+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
5289
aria-expanded="false">Git</a>
5390
<div class="dropdown-menu">
5491
<a class="dropdown-item" href="#">Clone Project From GitHub</a>
@@ -60,7 +97,7 @@
6097
</div>
6198
</li>
6299
<li class="nav-item dropdown">
63-
<a class="nav-link dropdown-toggle text-dark" data-toggle="dropdown" href="#" role="button"
100+
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
64101
aria-expanded="false">Help</a>
65102
<div class="dropdown-menu">
66103
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#aboutModal">About</a>
@@ -70,7 +107,7 @@
70107
</div>
71108
</li>
72109
<li class="nav-item">
73-
<a id="execute" class="nav-link text-dark" role="button">
110+
<a id="execute" class="nav-link" role="button">
74111
Run
75112
<span id="loading" class="spinner-border spinner-border-sm" role="status" aria-hidden="true"
76113
style="display: none"></span></a>
@@ -81,14 +118,14 @@
81118
<div class="row">
82119
<div class="col-2" style="padding-right:0px;padding-left:0px;">
83120
<div class="card" style="border:0em;">
84-
<div class="card-header" style="padding-left:0.5rem;padding-top: 0px;width: 100rem;">
121+
<div class="card-header" style="padding-left:0.5rem;padding-top: 0px;width: 50rem;">
85122
<ul class="nav nav-tabs card-header-tabs">
86123
<li class="nav-item">
87124
<a class="nav-link active" href="#">Project</a>
88125
</li>
89126
</ul>
90127
</div>
91-
<div class="card-body overflow-auto" style="padding-right:0px;padding-left:0px;padding:0px;height: 600px;">
128+
<div class="card-body overflow-auto" style="padding-right:0px;padding-left:0px;padding:0px;height: 600px;background-color: rgb(61,64,67);color: rgb(205,205,205);">
92129
<div id="jstree"></div>
93130
</div>
94131
</div>
@@ -207,9 +244,10 @@ <h5 class="modal-title" id="aboutModalLabel">项目简介</h5>
207244
lineNumbers: true,
208245
matchBrackets: true,
209246
indentUnit: 4,
210-
indentWithTabs: true,
247+
indentWithTabs: true,ambiance,blackboard
211248
});
212249
editor.setSize('auto', '600');
250+
editor.setOption("theme", 'darcula');
213251

214252
function getFileByPath(filePath) {
215253
console.log("当前选择的节点:" + filePath);
@@ -264,7 +302,8 @@ <h5 class="modal-title" id="aboutModalLabel">项目简介</h5>
264302
$('#loading').hide();
265303
});
266304
});
267-
</script>
305+
306+
</script>
268307
</body>
269308

270309
</html>

0 commit comments

Comments
 (0)