shira/TempMailWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix page

Browse Source
This commit is contained in:
神楽坂 白 2023-10-31 08:53:51 +08:00
parent 3172ff0379
commit f39617a21e
1 changed files with 89 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
resources/views/welcome.blade.php
View File

@ -12,8 +12,18 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<style>
.page-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main-content {
flex-grow: 1;
}
.footer {
position: fixed;
flex-shrink: 0;
bottom: 0;
width: 100%;
text-align: center;
@ -57,102 +67,106 @@
color: #495057;
background-color: #fff;
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 {
color: #495057;
background-color: #fff;
border-color: #80bdff;
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>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">{{config('app.name')}}</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">链接</a>
</li>
</ul>
<div class="page-container">
<div class="main-content">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">{{config('app.name')}}</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">链接</a>
</li>
</ul>
</div>
</nav>
</div>
</nav>
<div class="container mt-3">
<div class="row">
<div class="container mt-3">
<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>
<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-3">
<div class="input-group mb-3">
</div>
<div class="col-3">
<div class="input-group mb-3">
<button id="saveBtn" class="btn btn-primary btn-save" style="margin-right: 5px;"
type="button">修改邮箱</button>
<input type="hidden" value="" id="mailToCopy">
<button id="saveBtn" class="btn btn-primary btn-save" style="margin-right: 5px;"
type="button">修改邮箱</button>
<input type="hidden" value="" id="mailToCopy">
<button id="copyBtn" class="btn btn-info copy-btn" data-clipboard-target="#mailToCopy"
type="button">复制邮箱</button>
</div>
</div>
<div class="col-4">
<div class="input-group mb-3">
<input type="text" class="form-control alert alert-primary" id="auto-reload" value="距离下次刷新还有10秒"
disabled readonly>
</div>
</div>
<div class="col-12">
<div class="table-responsive">
<table class="table table-sm">
<thead>
<tr>
<th>发件人</th>
<th>标题</th>
<th>接收时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="mail-list">
<tr id="default-note">
<td colspan="4">
<div class="alert alert-primary" role="alert">
还没收到邮件哦
</div>
</td>
</tr>
<!-- 更多行 -->
</tbody>
</table>
<button id="copyBtn" class="btn btn-info copy-btn" data-clipboard-target="#mailToCopy"
type="button">复制邮箱</button>
</div>
</div>
<div class="col-4">
<div class="input-group mb-3">
<input type="text" class="form-control alert alert-primary" id="auto-reload"
value="距离下次刷新还有10秒" disabled readonly>
</div>
</div>
<div class="col-12">
<div class="table-responsive">
<table class="table table-sm">
<thead>
<tr>
<th>发件人</th>
<th>标题</th>
<th>接收时间</th>
<th>操作</th>
</tr>
</thead>
<tbody id="mail-list">
<tr id="default-note">
<td colspan="4">
<div class="alert alert-primary" role="alert">
还没收到邮件哦
</div>
</td>
</tr>
<!-- 更多行 -->
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<span class="text-muted">版权所有 © 2023</span>
</div>
</footer>
</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"
aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">