icurfer/butler_ddochi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

글작성 미리보기시 이미지 호출로인한 페이지 리로드 이슈 개선, css적용하여 이미지지 div넘어가는 이슈 개선
All checks were successful
Build And Test / build-and-push (push) Successful in 4m22s
Details

Browse Source
This commit is contained in:
icurfer
2025-04-09 23:53:14 +09:00
parent 06d6010c19
commit 422c1a6341
10 changed files with 290 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/static/components/css/style.css Normal file
View File

@ -0,0 +1,8 @@
/* 이미지가 div 크기 넘지 않도록 */
#post-content img {
max-width: 100%;
height: auto;
display: block;
/*margin: 0 auto; (선택) 가운데 정렬 */
}

3
components/templates/components/base.html
View File

@ -1,3 +1,4 @@
{% load static %}
<!DOCTYPE html>
<html lang="en">
@ -10,6 +11,8 @@
{% include "components/_favicon.html" %}
<!-- Bootstrap CSS 추가 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- custom css 추가 -->
<link rel="stylesheet" href="{% static 'components/css/style.css' %}">
<!-- fontawesome 추가 -->
<script src="https://kit.fontawesome.com/77d81e5d17.js" crossorigin="anonymous"></script>
</head>