q792602257/lubo_comment_query
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer样式修改

Browse Source
This commit is contained in:
Jerry Yan 2022-12-15 14:43:46 +08:00
parent 7bc3d31979
commit 4fa7d45e95
2 changed files with 73 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
resources/views/common/footer.blade.php
View File

@ -1,16 +1,72 @@
<div class="mt-2"> <footer class="bg-white dark:bg-gray-800 pt-4 pb-8 xl:pt-8">
<span>其他链接：</span> <div class="max-w-screen-lg px-4 mx-auto text-gray-400 xl:max-w-screen-xl sm:px-6 md:px-8 dark:text-gray-300">
<a class="text-blue-600" href="https://space.bilibili.com/328013928" target="_blank">永恒de草薙的B站主页</a> <ul class="flex flex-wrap justify-center pb-8 text-lg font-light">
<a class="text-blue-600" href="https://live.bilibili.com/24048885" target="_blank">永恒de草薙的直播间</a> <li class="w-1/2 md:w-1/4">
<a class="text-blue-600" href="https://space.bilibili.com/4847925" target="_blank">开心鄢的B站主页</a> <div class="text-center">
<a class="text-blue-600" href="https://space.bilibili.com/176444156" target="_blank">神鬼传奇（课代表）的B站主页</a> <h2 class="text-gray-500 dark:text-gray-200 text-md mb-4">
<a class="text-blue-600" href="https://pan.baidu.com/s/1ECnwiHnsm-3dSXNJGWlR2g?pwd=ddxt" target="_blank">近期的录播文件（提取码：ddxt）</a> 永恒de草薙
<a class="text-blue-600" href="https://www.aliyundrive.com/s/2moBpEUqDTG" target="_blank">2022年的录播文件</a> </h2>
<a class="text-blue-600" href="https://www.aliyundrive.com/s/AAAMXjagZ79" target="_blank">2021年的录播文件</a> <ul>
<a class="text-blue-600" href="https://www.aliyundrive.com/s/hpYfF518yH7" target="_blank">2020年的录播文件</a> <li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a class="text-blue-600" href="https://www.aliyundrive.com/s/GuyUChZ27Fy" target="_blank">2019年的录播文件</a> <a href="https://space.bilibili.com/328013928" target="_blank">B站主页</a>
<a class="text-blue-600" href="https://bilirec.home.jerryyan.top/" target="_blank">压制机器状态</a> </li>
</div> <li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<div class="mt-2 text-center"> <a href="https://live.bilibili.com/24048885" target="_blank">直播间</a>
<a class="text-blue-600 underline" href="http://beian.miit.gov.cn" target="_blank">赣ICP备18004555号-1</a> </li>
</div> </ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md mb-4">
课代表们
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://space.bilibili.com/4847925" target="_blank">开心鄢的B站主页</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://space.bilibili.com/176444156" target="_blank">神鬼传奇的B站主页</a>
</li>
</ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md mb-4">
录播文件
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/2moBpEUqDTG" target="_blank">2022年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/AAAMXjagZ79" target="_blank">2021年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/hpYfF518yH7" target="_blank">2020年的录播文件</a>
</li>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://www.aliyundrive.com/s/GuyUChZ27Fy" target="_blank">2019年的录播文件</a>
</li>
</ul>
</div>
</li>
<li class="w-1/2 md:w-1/4">
<div class="text-center">
<h2 class="text-gray-500 dark:text-gray-200 text-md mb-4">
杂项
</h2>
<ul>
<li class="mb-2 md:mb-4 text-base transition-colors duration-200 hover:text-gray-800 dark:hover:text-white">
<a href="https://bilirec.home.jerryyan.top/" target="_blank">压制机器状态</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="border-t border-gray-200 text-center pt-10 sm:pt-12 font-light flex items-center justify-center">
<a class="text-blue-600 underline" href="http://beian.miit.gov.cn" target="_blank">赣ICP备18004555号-1</a>
</div>
</div>
</footer>

2
resources/views/index.blade.php
View File

@ -13,7 +13,7 @@
<input class="border border-black" type="submit"> <input class="border border-black" type="submit">
</form> </form>
@foreach($comments as $comment) @foreach($comments as $comment)
<div class="max-w xl:max-w-5xl lg:max-w-2xl md:max-w-lg mx-1 md:mx-auto sm:mx-2 px-1 sm:px-2 md:px-4 py-4 bg-white border border-gray-200 rounded-lg shadow-md my-4 dark:bg-gray-800"> <div class="max-w xl:max-w-5xl lg:max-w-2xl md:max-w-lg mx-2 md:mx-auto px-1 sm:px-2 md:px-4 py-4 bg-white border border-gray-200 rounded-lg shadow-md my-4 dark:bg-gray-800">
<div> <div>
<a href="/video/{{$comment->video->id}}" class="text-2xl font-bold text-gray-700 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 hover:underline" tabindex="0" role="link">{{$comment->video->title}}</a> <a href="/video/{{$comment->video->id}}" class="text-2xl font-bold text-gray-700 dark:text-white hover:text-gray-600 dark:hover:text-gray-200 hover:underline" tabindex="0" role="link">{{$comment->video->title}}</a>
<div class="px-2 md:px-4 lg:px-8 mt-2 flex items-center justify-between"> <div class="px-2 md:px-4 lg:px-8 mt-2 flex items-center justify-between">