Skip to content

Commit

Permalink
Style : Sort the files that can be modulated
Browse files Browse the repository at this point in the history
- #8
  • Loading branch information
carboxaminoo committed Mar 7, 2024
1 parent d307ff9 commit 8ee3941
Show file tree
Hide file tree
Showing 10 changed files with 113 additions and 488 deletions.
57 changes: 57 additions & 0 deletions mz_v1_front/src/components/button/request_filled.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<script>
export let styleVariant = "outlined";
let className = "";
export { className as class };
export let style;
const variantsClassName = "style-variant-" + styleVariant;
export let name = "Do something";
export let type = "";
export let result_id;
async function reRequest() {
const token = sessionStorage.getItem('auth_token');
try {
const response = await fetch(`http://175.45.194.59:5050/api/v1/mz-request/${result_id}/mz-result`, {
method: 'POST',
headers: {
'Token': token,
},
});
if (response.ok) {
alert('재생성 요청했습니다.');
}
else{
const errorResponse = await response.json();
console.error('Failed to save rating:', errorResponse);
alert(`재요철 실패: ${errorResponse.message}`);
}
} catch (error) {
console.error('Error saving rating:', error);
alert('재요청 중 에러가 발생했습니다.');
}
}
</script>

<button
type = {type}
on:click={reRequest}
style="{'background: var(--neutral-10, #486284);border-radius: 50px; border-style: solid; border-color: var(--neutral-10, #486284); border-width: 1px; padding: 12px 20px 12px 20px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; position: relative; overflow: hidden;' + style}"
>
<div
style="
color: var(--neutral-0, #ffffff);
text-align: left;
font-family: var(--body-small-font-family, 'DmSans-Regular', sans-serif);
font-size: var(--body-small-font-size, 24px);
line-height: var(--body-small-line-height, 24px);
font-weight: var(--body-small-font-weight, 400);
position: relative;
"
>
{name}
</div>
</button>
2 changes: 1 addition & 1 deletion mz_v1_front/src/components/header_login.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ style="
position: relative;
"
>
<a href="/aboutus_login"
<a href="/aboutus"
style="
color: var(--7b95b7, #6b6b6b);
text-align: center;
Expand Down
2 changes: 1 addition & 1 deletion mz_v1_front/src/components/header_non.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@
position: relative;
"
>
<a href="aboutus_non"
<a href="/aboutus"
style="
color: var(--7b95b7, #6b6b6b);
text-align: center;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,6 @@
</script>
<img
class="{'placeholder-image ' + className}"
style="{'border-radius: 24px;padding: 10px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex-shrink: 0;height: 392px; position: relative; overflow: visible;' + style}"
style="{'border-radius: 24px;padding: 10px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex-shrink: 0;width: 250px; height: 250px; position: relative; overflow: visible;' + style}"
src= {targetPath}
/>
Original file line number Diff line number Diff line change
@@ -1,15 +1,30 @@
<script>
import PlaceholderImage from "../aboutus_non/PlaceholderImage.svelte";
import SocialProperty1Github from "../aboutus_non/SocialProperty1Github.svelte";
import Header from "../../components/header_login.svelte"
import PlaceholderImage from "../../components/image/PlaceholderImage.svelte";
import SocialProperty1Github from "../../components/image/SocialProperty1Github.svelte";
import Header from "../../components/header_login.svelte";
import HeaderNon from "../../components/header_non.svelte";
import { onMount } from 'svelte';
let className = "";
export { className as class };
export let style;
let token;
let isUserLoggedIn = false;
onMount(() => {
// 컴포넌트가 마운트된 후 실행되는 코드
token = sessionStorage.getItem('auth_token');
isUserLoggedIn = !!token; // token이 있다면 true, 없다면 false
});
</script>
<div
style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' + style}"
style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: flex-start; height: 2000px; position: relative; ' + style}"
>
<Header /> <div></div>
{#if isUserLoggedIn}
<Header />
{:else}
<HeaderNon />
{/if} <div></div>
<div
style="
color: #000000;
Expand Down Expand Up @@ -41,7 +56,7 @@

</div>
<img src = "/logo/MZ_aboutus.jpg" alt = "MZ_members">
<div></div>
<div></div><div></div>
<div
style="
display: flex;
Expand All @@ -57,7 +72,7 @@
style="
display: flex;
flex-direction: row;
gap: 81px;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
flex-shrink: 0;
Expand Down Expand Up @@ -91,7 +106,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -104,7 +119,8 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
style="flex-shrink: 0;"
targetPath="https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/hojun.jpg"
></PlaceholderImage>
</div>
<div
Expand Down Expand Up @@ -134,7 +150,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -147,7 +163,8 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
style="flex-shrink: 0;"
targetPath=" https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/taeyang.jpg "
></PlaceholderImage>
</div>
<div
Expand Down Expand Up @@ -177,7 +194,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -190,15 +207,16 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
style="flex-shrink: 0;"
targetPath=" https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/soyoon.jpg "
></PlaceholderImage>
</div>
</div>
<div
style="
display: flex;
flex-direction: row;
gap: 81px;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
flex-shrink: 0;
Expand Down Expand Up @@ -232,7 +250,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -245,7 +263,8 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
style="flex-shrink: 0;"
targetPath=" https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/haeji.jpg "
></PlaceholderImage>
</div>
<div
Expand Down Expand Up @@ -275,7 +294,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -288,7 +307,8 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
style="flex-shrink: 0;"
targetPath="https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/seohyun.jpg"
></PlaceholderImage>
</div>
<div
Expand Down Expand Up @@ -318,7 +338,7 @@
color: #000000;
text-align: center;
font-family: 'DmSans-Bold', sans-serif;
font-size: 46px;
font-size: 30px;
line-height: 40px;
font-weight: 700;
position: relative;
Expand All @@ -331,8 +351,8 @@
</div>
<SocialProperty1Github style="flex-shrink: 0"></SocialProperty1Github>
<PlaceholderImage
style="flex-shrink: 0; width: 343px; height: 343px"
targetPath="aboutus/SJH.jpg"
style="flex-shrink: 0;"
targetPath=" https://make-generator.s3.ap-northeast-2.amazonaws.com/profiles/juhy.jpg "
></PlaceholderImage>
</div>
</div>
Expand Down
Loading

0 comments on commit 8ee3941

Please sign in to comment.