Restruct code

This commit is contained in:
2025-10-11 01:52:39 +03:00
parent 659c342b63
commit af69be0f8c
4 changed files with 49 additions and 45 deletions
@@ -4,6 +4,7 @@
<title>Sweet Bread</title>
<link rel="stylesheet" href="/static/style/main.css">
<link rel="stylesheet" href="/static/style/risdeveau.css">
<link rel="icon" type="image/webp" href="/static/icon/us/risdeveau.webp" />
<script
src="https://track.codrs.ru/api/script.js"
@@ -11,50 +12,6 @@
defer
></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
h3 {
margin-block-end: 0;
}
.qr img {
width: 100%;
}
.qr p {
text-align: center;
}
.blocks.qr {
flex-wrap: nowrap;
overflow-x: auto;
width: calc(100vw - 1rem);
max-width: 45rem;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
}
.blocks.qr::-webkit-scrollbar { display: none; }
.block.qr {
flex: 0 0 calc(100vw - 2rem);
scroll-snap-align: start;
max-width: 13.666rem;
}
.badges .block {
flex: 1;
text-wrap-mode: nowrap;
text-align: -webkit-center;
}
.badges .block:hover {
flex: 1.5;
transform: none;
}
.blocks.qr:hover .block.qr:not(:hover) {
filter: blur(5px);
transition: all 0.3s ease;
}
</style>
</head>
<body>
<header>