mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-05-03 10:29:53 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(mobile): Better supports of mobile devives

Browse source
This commit is contained in:
Joxit 2019-03-22 21:22:10 +01:00
parent f1bff47468
commit 188cb80463
No known key found for this signature in database
GPG key ID: F526592B8E012263
8 changed files with 50 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
demo/index.html
View file

@ -22,7 +22,17 @@
<link rel="stylesheet" href="../dist/vendor.css"> <link rel="stylesheet" href="../dist/vendor.css">
<link rel="stylesheet" href="../dist/style.css"> <link rel="stylesheet" href="../dist/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
<title>Docker Registry UI</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:locale" content="en_US" />
<meta name="description" content="This is the live demo for my project Docker Registry v2 web User Interface. Sources : https://github.com/Joxit/docker-registry-ui" />
<meta property="og:description" content="This is the live demo for my project Docker Registry v2 web User Interface. Sources : https://github.com/Joxit/docker-registry-ui" />
<link rel="canonical" href="http://joxit.dev/docker-registry-ui/demo/" />
<meta property="og:url" content="http://joxit.dev/docker-registry-ui/demo/" />
<meta property="og:site_name" content="Demo | Docker Registry UI" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Joxit" />
<meta name="twitter:creator" content="@Jones Magloire" />
<title>Demo | Docker Registry UI</title>
</head> </head>
<body> <body>

2
dist/index.html vendored
View file

@ -13,4 +13,4 @@
You should have received a copy of the GNU Affero General Public License You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--><!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" href="vendor.css"><link rel="stylesheet" href="style.css"><link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css"><title>Docker Registry UI</title></head><body><app></app><script src="scripts/vendor.js"></script><script src="scripts/docker-registry-ui.js"></script></body></html> --><!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" href="vendor.css"><link rel="stylesheet" href="style.css"><link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css"><meta name="viewport" content="width=device-width,initial-scale=1"><meta property="og:site_name" content="Docker Registry UI"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@Joxit"><meta name="twitter:creator" content="@Jones Magloire"><title>Docker Registry UI</title></head><body><app></app><script src="scripts/vendor.js"></script><script src="scripts/docker-registry-ui.js"></script></body></html>

2
dist/scripts/docker-registry-ui-static.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/scripts/docker-registry-ui.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/style.css vendored
View file

File diff suppressed because one or more lines are too long

4
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "docker-registry-ui", "name": "docker-registry-ui",
"version": "1.1.1", "version": "1.1.2",
"scripts": { "scripts": {
"build": "./node_modules/gulp/bin/gulp.js build" "build": "./node_modules/gulp/bin/gulp.js build"
}, },
@ -23,7 +23,7 @@
"gulp-inject-version": "^1.0.1", "gulp-inject-version": "^1.0.1",
"gulp-license": "^1.1.0", "gulp-license": "^1.1.0",
"gulp-riot": "^1.1.5", "gulp-riot": "^1.1.5",
"gulp-uglify": "^3.0.1", "gulp-uglify": "^3.0.2",
"gulp-useref": "^3.1.6", "gulp-useref": "^3.1.6",
"riot": "^3.13.2", "riot": "^3.13.2",
"riot-mui": "^0.1.1", "riot-mui": "^0.1.1",

13
src/index.html
View file

@ -20,13 +20,18 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- build:css vendor.css --> <!-- build:css vendor.css -->
<LINK href="../node_modules/riot-mui/build/styles/riot-mui.min.css" rel="stylesheet" type="text/css"> <link href="../node_modules/riot-mui/build/styles/riot-mui.min.css" rel="stylesheet" type="text/css">
<!-- endbuild --> <!-- endbuild -->
<!-- build:css style.css --> <!-- build:css style.css -->
<LINK href="style.css" rel="stylesheet" type="text/css"> <link href="style.css" rel="stylesheet" type="text/css">
<LINK href="material-icons.css" rel="stylesheet" type="text/css"> <link href="material-icons.css" rel="stylesheet" type="text/css">
<!-- endbuild --> <!-- endbuild -->
<LINK href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:site_name" content="Docker Registry UI" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Joxit" />
<meta name="twitter:creator" content="@Jones Magloire" />
<title>Docker Registry UI</title> <title>Docker Registry UI</title>
</head> </head>

24
src/style.css
View file

@ -56,6 +56,13 @@ material-card {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media screen and (max-width: 950px){
material-card {
width: 95%;
max-width: 750px;
}
}
material-spinner { material-spinner {
align-self: center; align-self: center;
} }
@ -330,6 +337,7 @@ material-popup material-button:hover material-waves {
material-popup .popup { material-popup .popup {
max-width: 450px; max-width: 450px;
top: 2em;
} }
footer { footer {
@ -339,6 +347,22 @@ footer {
bottom: 0; bottom: 0;
} }
@media screen and (max-height: 750px) {
main {
min-height: calc(100% - 164px - 2.5em);
margin-bottom: 2em;
}
footer {
position: relative;
}
}
@media screen and (min-width: 760px) and (max-height: 750px) {
main {
min-height: calc(100% - 144px - 2.5em);
}
}
.select-padding { .select-padding {
padding: 20px 0; padding: 20px 0;
} }