feat: shrink modal width

master
Evan Chen 2021-11-30 18:42:33 +08:00
parent 49b28eef61
commit 639e3e97a5
3 changed files with 11 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -22,6 +22,13 @@ $footer-padding: 0.5rem 1.5rem 0.5rem;
padding: 0.5rem; padding: 0.5rem;
} }
#kconfigFrame{
border: none;
width: 100%;
height: 100%;
display: block;
}
.icn-spinner { .icn-spinner {
animation: spin-animation 1s infinite; animation: spin-animation 1s infinite;
display: inline-block; display: inline-block;

View File

@ -1,13 +1,13 @@
{{define "components/kconfig"}} {{define "components/kconfig"}}
<div class="modal" id="kconfig"> <div class="modal" id="kconfig">
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card" style="max-width:960px">
<header class="modal-card-head"> <header class="modal-card-head">
<p class="modal-card-title">{{.AppName}} Config</p> <p class="modal-card-title">{{.AppName}} Config</p>
<button class="delete" aria-label="close" onclick="KconfigViewTog()"></button> <button class="delete" aria-label="close" onclick="KconfigViewTog()"></button>
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body" style="height:80vh;">
<iframe src="{{.BaseUrl}}kconfig/" style="border:none;width:100%;height:80vh;"></iframe> <iframe src="{{.BaseUrl}}kconfig/" id="kconfigFrame"></iframe>
</section> </section>
<footer class="modal-card-foot"> <footer class="modal-card-foot">
<div class="level"> <div class="level">