refresh()} className='refreshButton'/>
@@ -78,7 +82,8 @@ function DeviceFrame(props) {
position: 'absolute',
top: '50%',
left: '50%',
- transform: 'translate(-50%, -50%)'
+ transform: 'translate(-50%, -50%)',
+ paddingBottom: config.offsetv
}}
title='preview'
src={baseUrl + props.htmlUrl}
diff --git a/src/Components/pane/index.css b/src/Components/pane/index.css
index 519751c..b670ee9 100644
--- a/src/Components/pane/index.css
+++ b/src/Components/pane/index.css
@@ -13,6 +13,7 @@
width: auto;
height: 80px;
margin-right: 10px;
+ margin-bottom: -24px;
}
.deviceContent {
@@ -28,4 +29,9 @@
.deviceButtons img {
cursor: pointer;
+}
+
+.selectPager {
+ left: 0 !important;
+ width: 350px;
}
\ No newline at end of file
diff --git a/src/Components/pane/index.js b/src/Components/pane/index.js
index 18575bd..5a5f7c0 100644
--- a/src/Components/pane/index.js
+++ b/src/Components/pane/index.js
@@ -2,14 +2,16 @@ import './index.css';
import Select from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem'
import { useEffect, useState } from 'react';
-import { Chip, CircularProgress, List, ListItem } from '@mui/material';
+import { CircularProgress, List, ListItem } from '@mui/material';
import ipadPng from '../../images/ipad.png'
import iphonePng from '../../images/iphone.png'
import androidPng from '../../images/android.png'
+import logoPanePng from '../../images/logo-pane.png'
import horizentalChecked from '../../images/horizental-button-checked.png'
import horizentalButton from '../../images/horizental-button.png'
import verticalChecked from '../../images/vertical-button-checked.png'
import verticalButton from '../../images/vertical-button.png'
+import modeSelectPng from '../../images/mode-select.png'
var deviceConfigs = [
{
@@ -65,6 +67,7 @@ function Pane(props) {
id="mode-select"
value={mode}
onChange={(e) => modeChange(e)}
+ startAdornment={
}
sx={{
width: '100%',
border: 'none',
@@ -72,6 +75,11 @@ function Pane(props) {
color: 'white',
fontWeight: 'bold'
}}
+ MenuProps={{
+ classes: {
+ paper: 'selectPager'
+ }
+ }}
>
@@ -128,6 +136,7 @@ function Pane(props) {
}
+