mirror of
https://github.com/material-components/material-web.git
synced 2024-08-17 09:30:27 +03:00
Add viewport tag for mobile
This commit is contained in:
parent
adea2242e5
commit
c96e90010a
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>button demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -44,7 +45,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Buttons</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>card demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<style>
|
||||
body {
|
||||
@ -47,7 +48,7 @@ limitations under the License.
|
||||
<script type="module">
|
||||
import {style as cardStyle} from '../node_modules/@material/mwc-card/mwc-card-css.js';
|
||||
import {style as typographyStyle} from '../node_modules/@material/mwc-typography/mwc-typography-css.js';
|
||||
import {LitElement, html} from '../../@polymer/lit-element/lit-element.js';
|
||||
import {LitElement, html} from '../node_modules/@polymer/lit-element/lit-element.js';
|
||||
import '../node_modules/@material/mwc-button/mwc-button.js';
|
||||
import '../node_modules/@material/mwc-icon/mwc-icon.js';
|
||||
import '../node_modules/@material/mwc-icon-toggle/mwc-icon-toggle.js';
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>checkbox demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -25,7 +26,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Checkbox</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>chips demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip-set.js"></script>
|
||||
@ -32,7 +33,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Chips</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>dialog demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-dialog/mwc-dialog.js"></script>
|
||||
@ -37,7 +38,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Dialog</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>fab demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-fab/mwc-fab.js"></script>
|
||||
@ -51,7 +52,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>FAB</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>formfield demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-formfield/mwc-formfield.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
|
||||
@ -29,7 +30,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Formfield</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>icon-toggle demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon-toggle/mwc-icon-toggle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -31,7 +32,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Icon Toggle</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>icon demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
<link rel="stylesheet" href="demo-component.css">
|
||||
@ -31,7 +32,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Icon</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>Material Web Components Catalog</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="demo-component.css">
|
||||
</head>
|
||||
<body>
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>linear-progress demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-linear-progress/mwc-linear-progress.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
|
||||
@ -40,7 +41,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Linear Progress</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>menu demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-menu/mwc-menu.js"></script>
|
||||
@ -44,7 +45,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Menu</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>radio demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-radio/mwc-radio.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -25,7 +26,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Radio Button</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>ripple demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-ripple/mwc-ripple.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -53,7 +54,7 @@ limitations under the License.
|
||||
<body class="unresolved">
|
||||
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Ripple</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>select demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-select/mwc-select.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -38,7 +39,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Select</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>slider demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-slider/mwc-slider.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -40,7 +41,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Slider</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>snackbar demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-snackbar/mwc-snackbar.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
|
||||
@ -26,7 +27,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Snackbar</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>switch demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-switch/mwc-switch.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -25,7 +26,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Switch</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>tabs demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar-scroller.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar.js"></script>
|
||||
@ -27,7 +28,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Tabs</span></a>
|
||||
</header>
|
||||
|
||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||
<html>
|
||||
<head>
|
||||
<title>textfield demo</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-textfield/mwc-textfield.js"></script>
|
||||
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
|
||||
@ -25,7 +26,7 @@ limitations under the License.
|
||||
</head>
|
||||
<body class="unresolved">
|
||||
<header>
|
||||
<a href="index.html"><mwc-icon></mwc-icon>
|
||||
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
|
||||
<span>Text Field</span></a>
|
||||
</header>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user