MirrorMirror
/
riju
mirror of https://github.com/radian-software/riju.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

General enhancements to improve responsiveness 

Added meta tags for viewport to make bulma responsive classes to work, added max height for editor in smaller devices to split the screen vertically
This commit is contained in:
longph 2023-11-25 23:16:19 +02:00
parent 90b86f96a1
commit e0a1123833
3 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/pages/app.ejs
View File

@ -2,6 +2,7 @@
<html lang="en" style="overflow: hidden"> <html lang="en" style="overflow: hidden">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= config.name %> - Riju</title> <title><%= config.name %> - Riju</title>
<link <link
rel="stylesheet" rel="stylesheet"
@ -61,8 +62,8 @@
</span> </span>
</button> </button>
</div> </div>
<div style="height: 100%"> <div id="editor-wrapper">
<div id="editor" style="height: 100%; margin: 12px; margin-left: 0"></div> <div id="editor" style="height: 100%; margin-top: 30px; margin-left: 0"></div>
</div> </div>
</div> </div>
<div class="column" id="terminal" style="background: black; padding: 0"> <div class="column" id="terminal" style="background: black; padding: 0">

1
frontend/pages/index.ejs
View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Riju</title> <title>Riju</title>
<link rel="stylesheet" href="/css/index.css" /> <link rel="stylesheet" href="/css/index.css" />
<% if (analyticsTag) { %> <% if (analyticsTag) { %>

10
frontend/styles/app.css
View File

@ -5,3 +5,13 @@
#header .button { #header .button {
border-radius: 0; border-radius: 0;
} }
@media (max-width: 767px) {
#editor-wrapper {
max-height: 50vh !important;
}
}
#editor-wrapper {
height: 100%;
}