Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
R
rrpgLink_FrontEnd
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kesaubeeire
rrpgLink_FrontEnd
Commits
8cd4c72a
Commit
8cd4c72a
authored
Oct 29, 2023
by
KesaubeEire
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
style: 修改竖屏显示样式.
parent
f0d86b10
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
4 additions
and
6 deletions
+4
-6
src/components/MedalItemDetail.svelte
src/components/MedalItemDetail.svelte
+2
-2
src/components/MedalWrap.svelte
src/components/MedalWrap.svelte
+2
-4
No files found.
src/components/MedalItemDetail.svelte
View file @
8cd4c72a
...
@@ -4,14 +4,14 @@
...
@@ -4,14 +4,14 @@
export let pics = [];
export let pics = [];
</script>
</script>
<div class="carousel w-full" style="height: calc(80vh - 4rem - 3rem - 0.5rem);">
<div class="carousel w-full" style="
max-
height: calc(80vh - 4rem - 3rem - 0.5rem);">
{#each pics as pic, index}
{#each pics as pic, index}
<div id={pic + index} class="carousel-item w-full">
<div id={pic + index} class="carousel-item w-full">
<img src={pic} class="w-full object-contain" alt={pic} />
<img src={pic} class="w-full object-contain" alt={pic} />
</div>
</div>
{/each}
{/each}
</div>
</div>
<div class="flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start
" style="height: 4rem;
">
<div class="flex justify-center w-full gap-2 overflow-x-auto max-[1024px]:justify-start
h-16
">
{#each pics as pic, index}
{#each pics as pic, index}
<a href={'#' + pic + index} class="w-16 h-16 btn btn-xs flex flex-col">
<a href={'#' + pic + index} class="w-16 h-16 btn btn-xs flex flex-col">
<div class="w-10 h-10 flex items-center">
<div class="w-10 h-10 flex items-center">
...
...
src/components/MedalWrap.svelte
View file @
8cd4c72a
...
@@ -54,16 +54,14 @@
...
@@ -54,16 +54,14 @@
<style>
<style>
/* NOTE: 对 Modal 的究极魔改, 很不容易. */
/* NOTE: 对 Modal 的究极魔改, 很不容易. */
.
global
Modal {
.
_custom
Modal {
@apply modal-box;
@apply modal-box;
height: 80vh;
width: 70vw;
width: 70vw;
max-width: 70vw;
max-width: 70vw;
}
}
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.globalModal {
._customModal {
height: 80vh;
width: 96vw;
width: 96vw;
max-width: 96vw;
max-width: 96vw;
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment