Skip to content

Commit 3214edf

Browse files
FahadLiveFahadLive
committed
Fixed padding and height issues
1 parent 44d979d commit 3214edf

File tree

7 files changed

+15
-14
lines changed

7 files changed

+15
-14
lines changed

‎dist/assets/index-BZSfmiYH.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

dist/assets/index-DnKBrQZ1.js renamed to dist/assets/index-DOxe8atU.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/assets/index-RH6hxmrj.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@
2222
<meta property="og:url" content="https://foss.gecskp.ac.in/" />
2323
<meta property="og:type" content="website" />
2424
<title>FOSS Club</title>
25-
<script type="module" crossorigin src="/assets/index-DnKBrQZ1.js"></script>
26-
<link rel="stylesheet" crossorigin href="/assets/index-BZSfmiYH.css">
25+
<script type="module" crossorigin src="/assets/index-DOxe8atU.js"></script>
26+
<link rel="stylesheet" crossorigin href="/assets/index-RH6hxmrj.css">
2727
</head>
2828
<body>
2929
<div id="app"></div>

‎src/App.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -178,13 +178,14 @@ html {
178178
width: 100%;
179179
height: 100%;
180180
overscroll-behavior: none;
181-
overflow-x: hidden;
182181
}
183182
184183
.app-container {
184+
display: grid;
185185
background-color: var(--background-color);
186-
min-height: 100vh;
187186
width: 100%;
187+
min-height: 100vh; /* Fallback if dvh doesnt work*/
188+
min-height: 100dvh;
188189
font-family: "Inter", sans-serif;
189190
color: var(--text-color);
190191
padding: 0;
@@ -216,7 +217,6 @@ html {
216217
align-items: center;
217218
background: var(--background-color);
218219
padding: 10px;
219-
padding-bottom: 80px;
220220
}
221221
222222
.mobile-logo {

‎src/views/BlogList.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<div class="blog-list">
33
<div
44
v-motion
5-
:initial="{ opacity: 0, scaleY: 0 }"
5+
:initial="{ opacity: 0.8, scaleY: 0.8 }"
66
:enter="{ opacity: 1, scaleY: 1 }"
7-
:transition="{ duration: 1000, ease: 'easeOut' }"
7+
:transition="{ duration: 300, ease: 'easeOut' }"
88
class="posts"
99
>
1010
<div v-for="post in posts" :key="post.slug" class="post-preview">
@@ -68,7 +68,7 @@ export default {
6868
.post-entry {
6969
position: relative;
7070
border-radius: 10px;
71-
background-color: rgba(255, 255, 247, 0.1);
71+
background-color: rgba(0, 0, 0, 0.1);
7272
stroke-width: 3px;
7373
stroke: white;
7474
backdrop-filter: blur(5px);
@@ -126,16 +126,15 @@ export default {
126126
@media (max-width: 900px) {
127127
.post-entry {
128128
justify-content: space-between;
129-
display: grid;
130-
grid-template-columns: 2fr 1fr;
129+
display: flex;
130+
flex-direction: column;
131131
gap: 24px;
132132
padding-bottom: 18px;
133133
}
134134
135135
.post-cover {
136136
object-fit: contain;
137137
overflow: hidden;
138-
border-radius: 8px;
139138
width: 100%;
140139
}
141140
@@ -153,6 +152,7 @@ export default {
153152
.date {
154153
font-size: 10px;
155154
font-weight: light;
155+
padding-top: 15px;
156156
}
157157
}
158158
</style>

‎src/views/HeroView.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -274,6 +274,7 @@ export default {
274274
275275
@media screen and (min-width: 769px) {
276276
.mobile-nav {
277+
padding-top: 20px;
277278
display: none;
278279
}
279280

0 commit comments

Comments
 (0)