update style

chromesetting
tangjiang 5 years ago
parent 099c914e0a
commit 0482e7c7f5

@ -78,9 +78,13 @@
right: 10px; right: 10px;
top: 14px; top: 14px;
.btn_common{
color: #888;
}
.btn_common:hover{ .btn_common:hover{
// background-color: #29BD8B; // background-color: #29BD8B;
color: #29BD8B; // color: #29BD8B;
color: #1890ff;
} }
} }
} }

@ -1,22 +1,24 @@
.jupyter_data_sets_area{ .jupyter_data_sets_area{
height: 100%; height: 100%;
.jupyter_h2_title{ .jupyter_h2_title{
height: 50px; height: 44px;
line-height: 50px; line-height: 44px;
background-color: #EEEEEE; background-color: #EEEEEE;
padding: 0 30px; padding: 0 30px;
.jupyter_data_icon{ .jupyter_data_icon{
color: #7286ff; // color: #7286ff;
color: #1890ff;
font-size: 24px; font-size: 24px;
position: relative; position: relative;
top: 2px; top: 2px;
transform: scale(1.5); transform: scale(1.5);
margin-right: 5px;
} }
} }
.jupyter_data_list, .jupyter_data_list,
.jupyter_empty{ .jupyter_empty{
height: calc(100vh - 110px); height: calc(100vh - 104px);
overflow-y: auto; overflow-y: auto;
} }

@ -4,11 +4,11 @@
* @Github: * @Github:
* @Date: 2019-12-12 15:04:20 * @Date: 2019-12-12 15:04:20
* @LastEditors: tangjiang * @LastEditors: tangjiang
* @LastEditTime: 2019-12-12 17:41:41 * @LastEditTime: 2019-12-13 11:09:27
*/ */
import './index.scss'; import './index.scss';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Spin, Button } from 'antd'; import { Spin, Button, Icon } from 'antd';
function RightPane (props) { function RightPane (props) {
const { const {
status, status,
@ -32,6 +32,7 @@ function RightPane (props) {
const loadError = ( const loadError = (
<div className="jupyter_load_url_error"> <div className="jupyter_load_url_error">
<Icon type="icon-jiazaishibai1" />
<p className="jupyter_error_txt"> <p className="jupyter_error_txt">
加载实训出错是否 加载实训出错是否
<span <span
@ -51,7 +52,7 @@ function RightPane (props) {
useEffect(() => { useEffect(() => {
if (status === -1) { if (status === -1) {
setRenderCtx(() => loadInit); setRenderCtx(() => loadInit);
} else if (status === 0 && url) { } else if (status === 2 && url) {
setRenderCtx(() => ( setRenderCtx(() => (
<div className="jupyter_result"> <div className="jupyter_result">

Loading…
Cancel
Save