fix page
This commit is contained in:
parent
3172ff0379
commit
f39617a21e
|
|
@ -12,8 +12,18 @@
|
||||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.page-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
position: fixed;
|
flex-shrink: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -57,102 +67,106 @@
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
#modalIframe:focus {
|
#modalIframe:focus {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: #80bdff;
|
border-color: #80bdff;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
|
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
<div class="page-container">
|
||||||
<a class="navbar-brand" href="/">{{config('app.name')}}</a>
|
<div class="main-content">
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||||
<ul class="navbar-nav mr-auto">
|
<a class="navbar-brand" href="/">{{config('app.name')}}</a>
|
||||||
<li class="nav-item active">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
|
<ul class="navbar-nav mr-auto">
|
||||||
</li>
|
<li class="nav-item active">
|
||||||
<li class="nav-item">
|
<a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
|
||||||
<a class="nav-link" href="#">链接</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
</ul>
|
<a class="nav-link" href="#">链接</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container mt-3">
|
<div class="container mt-3">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-5">
|
||||||
|
<div class="input-group mb-3">
|
||||||
|
<input type="text" class="form-control" id="inputText" value="{{$rand_prefix}}"
|
||||||
|
placeholder="Enter text">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">@</span>
|
||||||
|
</div>
|
||||||
|
<select class="form-control select2" id="selectOption" style="width: auto;">
|
||||||
|
@foreach($domain_list as $domain)
|
||||||
|
<option value="{{$domain}}">{{$domain}}</option>
|
||||||
|
@endforeach
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-5">
|
|
||||||
<div class="input-group mb-3">
|
|
||||||
<input type="text" class="form-control" id="inputText" value="{{$rand_prefix}}"
|
|
||||||
placeholder="Enter text">
|
|
||||||
<div class="input-group-append">
|
|
||||||
<span class="input-group-text">@</span>
|
|
||||||
</div>
|
</div>
|
||||||
<select class="form-control select2" id="selectOption" style="width: auto;">
|
<div class="col-3">
|
||||||
@foreach($domain_list as $domain)
|
<div class="input-group mb-3">
|
||||||
<option value="{{$domain}}">{{$domain}}</option>
|
|
||||||
@endforeach
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
<button id="saveBtn" class="btn btn-primary btn-save" style="margin-right: 5px;"
|
||||||
<div class="col-3">
|
type="button">修改邮箱</button>
|
||||||
<div class="input-group mb-3">
|
<input type="hidden" value="" id="mailToCopy">
|
||||||
|
|
||||||
<button id="saveBtn" class="btn btn-primary btn-save" style="margin-right: 5px;"
|
<button id="copyBtn" class="btn btn-info copy-btn" data-clipboard-target="#mailToCopy"
|
||||||
type="button">修改邮箱</button>
|
type="button">复制邮箱</button>
|
||||||
<input type="hidden" value="" id="mailToCopy">
|
</div>
|
||||||
|
</div>
|
||||||
<button id="copyBtn" class="btn btn-info copy-btn" data-clipboard-target="#mailToCopy"
|
<div class="col-4">
|
||||||
type="button">复制邮箱</button>
|
<div class="input-group mb-3">
|
||||||
</div>
|
<input type="text" class="form-control alert alert-primary" id="auto-reload"
|
||||||
</div>
|
value="距离下次刷新还有10秒" disabled readonly>
|
||||||
<div class="col-4">
|
</div>
|
||||||
<div class="input-group mb-3">
|
</div>
|
||||||
<input type="text" class="form-control alert alert-primary" id="auto-reload" value="距离下次刷新还有10秒"
|
<div class="col-12">
|
||||||
disabled readonly>
|
<div class="table-responsive">
|
||||||
</div>
|
<table class="table table-sm">
|
||||||
</div>
|
<thead>
|
||||||
<div class="col-12">
|
<tr>
|
||||||
<div class="table-responsive">
|
<th>发件人</th>
|
||||||
<table class="table table-sm">
|
<th>标题</th>
|
||||||
<thead>
|
<th>接收时间</th>
|
||||||
<tr>
|
<th>操作</th>
|
||||||
<th>发件人</th>
|
</tr>
|
||||||
<th>标题</th>
|
</thead>
|
||||||
<th>接收时间</th>
|
<tbody id="mail-list">
|
||||||
<th>操作</th>
|
<tr id="default-note">
|
||||||
</tr>
|
<td colspan="4">
|
||||||
</thead>
|
<div class="alert alert-primary" role="alert">
|
||||||
<tbody id="mail-list">
|
还没收到邮件哦
|
||||||
<tr id="default-note">
|
</div>
|
||||||
<td colspan="4">
|
</td>
|
||||||
<div class="alert alert-primary" role="alert">
|
</tr>
|
||||||
还没收到邮件哦
|
<!-- 更多行 -->
|
||||||
</div>
|
</tbody>
|
||||||
</td>
|
</table>
|
||||||
</tr>
|
</div>
|
||||||
<!-- 更多行 -->
|
</div>
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<span class="text-muted">版权所有 © 2023</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
|
||||||
<span class="text-muted">版权所有 © 2023</span>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
|
||||||
aria-hidden="true">
|
aria-hidden="true">
|
||||||
<div class="modal-dialog modal-xl" role="document">
|
<div class="modal-dialog modal-xl" role="document">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user