Added some animation.

This commit is contained in:
Quentin Decaunes 2019-02-28 22:25:19 +01:00
parent 8723c7ec45
commit f2458d2466

View File

@ -8,7 +8,7 @@
<script src="./node_modules/uikit/dist/js/uikit.min.js"></script> <script src="./node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="./node_modules/uikit/dist/js/uikit-icons.min.js"></script> <script src="./node_modules/uikit/dist/js/uikit-icons.min.js"></script>
</head> </head>
<body> <body class="uk-animation-fade">
<h1>Ryzen Controller</h1> <h1>Ryzen Controller</h1>
<ul uk-switcher uk-tab uk-sticky class="uk-background-default"> <ul uk-switcher uk-tab uk-sticky class="uk-background-default">
@ -20,7 +20,7 @@
<ul class="uk-switcher uk-margin"> <ul class="uk-switcher uk-margin">
<li class="uk-container" id="controller-tab"> <li class="uk-container uk-animation-fade" id="controller-tab">
<h3>STAPM Limit (W)</h3> <h3>STAPM Limit (W)</h3>
<div class="uk-grid-small" uk-grid> <div class="uk-grid-small" uk-grid>
<div class="uk-width-1-6"> <div class="uk-width-1-6">
@ -69,7 +69,7 @@
<button class="uk-margin uk-button uk-button-default" onClick="applyRyzenSettings()">Apply</button> <button class="uk-margin uk-button uk-button-default" onClick="applyRyzenSettings()">Apply</button>
</li> </li>
<li class="uk-container"> <li class="uk-container uk-animation-fade">
<h3>Auto apply on launch:</h3> <h3>Auto apply on launch:</h3>
<label><input class="uk-checkbox" type="checkbox" id="apply_last_settings_on_launch"> When checked, Ryzen Controller will try to apply latest used settings on launch.</label> <label><input class="uk-checkbox" type="checkbox" id="apply_last_settings_on_launch"> When checked, Ryzen Controller will try to apply latest used settings on launch.</label>
<h3>Ryzenadj path:</h3> <h3>Ryzenadj path:</h3>
@ -84,8 +84,8 @@
</div> </div>
</div> </div>
</li> </li>
<li class="uk-container">Will be available soon!</li> <li class="uk-container uk-animation-fade">Will be available soon!</li>
<li class="uk-container"> <li class="uk-container uk-animation-fade">
<textarea class="uk-textarea" rows="20" id="logs" readonly></textarea> <textarea class="uk-textarea" rows="20" id="logs" readonly></textarea>
</li> </li>