iqijun_obsidian-image-share/main.css

/* styles.css */
.image-share-modal {
  max-width: none;
  max-height: none;
}
.image-share-modal .resizable-container {
  position: relative;
  min-width: 400px;
  min-height: 300px;
  width: 600px;
  height: 500px;
  resize: both;
  overflow: auto;
  background: var(--background-primary);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.image-share-modal .resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  background: var(--interactive-accent);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.image-share-modal .resize-handle:hover {
  opacity: 1;
}
.image-share-modal .image-preview-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  box-sizing: border-box;
}
.image-share-modal .canvas-container {
  flex: 1;
  overflow: auto;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.image-share-modal h2 {
  margin-bottom: 16px;
  color: var(--text-normal);
  font-size: 1.2em;
  font-weight: 600;
}
.image-share-modal .download-button {
  background: var(--interactive-accent);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 10px;
  color: var(--text-on-accent);
}
.image-share-modal .download-button:hover {
  background: var(--interactive-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.image-share-modal .download-button svg {
  width: 20px;
  height: 20px;
}
.image-share-modal canvas {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.image-share-modal .template-selector {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.image-share-modal .template-button {
  padding: 6px 12px;
  border: 1px solid var(--interactive-accent);
  border-radius: 4px;
  background: transparent;
  color: var(--interactive-accent);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9em;
}
.image-share-modal .template-button:hover {
  background: var(--interactive-accent);
  color: var(--text-on-accent);
}
.image-share-modal .template-button.active {
  background: var(--interactive-accent);
  color: var(--text-on-accent);
}
.markdown-preview-view {
  font-family:
    "PingFang SC",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  line-height: 1.6;
  overflow: visible;
  word-break: break-word;
  white-space: pre-wrap;
}
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3 {
  margin: 0.5em 0;
  font-weight: 600;
}
.markdown-preview-view h1 {
  font-size: 1.5em;
}
.markdown-preview-view h2 {
  font-size: 1.3em;
}
.markdown-preview-view h3 {
  font-size: 1.1em;
}
.markdown-preview-view p {
  margin: 0.5em 0;
}
.markdown-preview-view strong {
  font-weight: 600;
}
.markdown-preview-view em {
  font-style: italic;
}
.markdown-preview-view ul,
.markdown-preview-view ol {
  margin: 0.5em 0;
  padding-left: 1.5em;
}
.markdown-preview-view li {
  margin: 0.2em 0;
}
.markdown-preview-view code {
  font-family: monospace;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.2em 0.4em;
  border-radius: 3px;
}
.markdown-preview-view blockquote {
  border-left: 3px solid currentColor;
  margin: 0.5em 0;
  padding-left: 1em;
  opacity: 0.8;
}
/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsic3R5bGVzLmNzcyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiLypcblxuVGhpcyBDU1MgZmlsZSB3aWxsIGJlIGluY2x1ZGVkIHdpdGggeW91ciBwbHVnaW4sIGFuZFxuYXZhaWxhYmxlIGluIHRoZSBhcHAgd2hlbiB5b3VyIHBsdWdpbiBpcyBlbmFibGVkLlxuXG5JZiB5b3VyIHBsdWdpbiBkb2VzIG5vdCBuZWVkIENTUywgZGVsZXRlIHRoaXMgZmlsZS5cblxuKi9cblxuLmltYWdlLXNoYXJlLW1vZGFsIHtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gICAgbWF4LWhlaWdodDogbm9uZTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5yZXNpemFibGUtY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWluLXdpZHRoOiA0MDBweDtcbiAgICBtaW4taGVpZ2h0OiAzMDBweDtcbiAgICB3aWR0aDogNjAwcHg7XG4gICAgaGVpZ2h0OiA1MDBweDtcbiAgICByZXNpemU6IGJvdGg7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgYmFja2dyb3VuZDogdmFyKC0tYmFja2dyb3VuZC1wcmltYXJ5KTtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgYm94LXNoYWRvdzogMCAycHggOHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5yZXNpemUtaGFuZGxlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHdpZHRoOiAyMHB4O1xuICAgIGhlaWdodDogMjBweDtcbiAgICBjdXJzb3I6IHNlLXJlc2l6ZTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1pbnRlcmFjdGl2ZS1hY2NlbnQpO1xuICAgIGNsaXAtcGF0aDogcG9seWdvbigxMDAlIDAsIDEwMCUgMTAwJSwgMCAxMDAlKTtcbiAgICBvcGFjaXR5OiAwLjY7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjJzIGVhc2U7XG59XG5cbi5pbWFnZS1zaGFyZS1tb2RhbCAucmVzaXplLWhhbmRsZTpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5pbWFnZS1wcmV2aWV3LWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5pbWFnZS1zaGFyZS1tb2RhbCAuY2FudmFzLWNvbnRhaW5lciB7XG4gICAgZmxleDogMTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG59XG5cbi5pbWFnZS1zaGFyZS1tb2RhbCBoMiB7XG4gICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1ub3JtYWwpO1xuICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5kb3dubG9hZC1idXR0b24ge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWludGVyYWN0aXZlLWFjY2VudCk7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4ycyBlYXNlO1xuICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgY29sb3I6IHZhcigtLXRleHQtb24tYWNjZW50KTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5kb3dubG9hZC1idXR0b246aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWludGVyYWN0aXZlLWFjY2VudC1ob3Zlcik7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICAgIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjE1KTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC5kb3dubG9hZC1idXR0b24gc3ZnIHtcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG59XG5cbi5pbWFnZS1zaGFyZS1tb2RhbCBjYW52YXMge1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgb2JqZWN0LWZpdDogY29udGFpbjtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC50ZW1wbGF0ZS1zZWxlY3RvciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDhweDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xufVxuXG4uaW1hZ2Utc2hhcmUtbW9kYWwgLnRlbXBsYXRlLWJ1dHRvbiB7XG4gICAgcGFkZGluZzogNnB4IDEycHg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW50ZXJhY3RpdmUtYWNjZW50KTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY29sb3I6IHZhcigtLWludGVyYWN0aXZlLWFjY2VudCk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG4gICAgZm9udC1zaXplOiAwLjllbTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC50ZW1wbGF0ZS1idXR0b246aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWludGVyYWN0aXZlLWFjY2VudCk7XG4gICAgY29sb3I6IHZhcigtLXRleHQtb24tYWNjZW50KTtcbn1cblxuLmltYWdlLXNoYXJlLW1vZGFsIC50ZW1wbGF0ZS1idXR0b24uYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1pbnRlcmFjdGl2ZS1hY2NlbnQpO1xuICAgIGNvbG9yOiB2YXIoLS10ZXh0LW9uLWFjY2VudCk7XG59XG5cbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcge1xuICAgIGZvbnQtZmFtaWx5OiAnUGluZ0ZhbmcgU0MnLCAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsIHNhbnMtc2VyaWY7XG4gICAgbGluZS1oZWlnaHQ6IDEuNjtcbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbn1cblxuLm1hcmtkb3duLXByZXZpZXctdmlldyBoMSxcbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcgaDIsXG4ubWFya2Rvd24tcHJldmlldy12aWV3IGgzIHtcbiAgICBtYXJnaW46IDAuNWVtIDA7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbn1cblxuLm1hcmtkb3duLXByZXZpZXctdmlldyBoMSB7IGZvbnQtc2l6ZTogMS41ZW07IH1cbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcgaDIgeyBmb250LXNpemU6IDEuM2VtOyB9XG4ubWFya2Rvd24tcHJldmlldy12aWV3IGgzIHsgZm9udC1zaXplOiAxLjFlbTsgfVxuXG4ubWFya2Rvd24tcHJldmlldy12aWV3IHAge1xuICAgIG1hcmdpbjogMC41ZW0gMDtcbn1cblxuLm1hcmtkb3duLXByZXZpZXctdmlldyBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG59XG5cbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcgZW0ge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLm1hcmtkb3duLXByZXZpZXctdmlldyB1bCxcbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcgb2wge1xuICAgIG1hcmdpbjogMC41ZW0gMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuNWVtO1xufVxuXG4ubWFya2Rvd24tcHJldmlldy12aWV3IGxpIHtcbiAgICBtYXJnaW46IDAuMmVtIDA7XG59XG5cbi5tYXJrZG93bi1wcmV2aWV3LXZpZXcgY29kZSB7XG4gICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDAuMSk7XG4gICAgcGFkZGluZzogMC4yZW0gMC40ZW07XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xufVxuXG4ubWFya2Rvd24tcHJldmlldy12aWV3IGJsb2NrcXVvdGUge1xuICAgIGJvcmRlci1sZWZ0OiAzcHggc29saWQgY3VycmVudENvbG9yO1xuICAgIG1hcmdpbjogMC41ZW0gMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDFlbTtcbiAgICBvcGFjaXR5OiAwLjg7XG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBU0E7QUFDSTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBR0o7QUFDSTtBQUNBO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUFBO0FBR0o7QUFDSTtBQUNBO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUFBO0FBR0o7QUFDSTtBQUNBO0FBQUE7QUFHSjtBQUNJO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBR0o7QUFBQTtBQUFBO0FBR0k7QUFDQTtBQUFBO0FBR0o7QUFBNEI7QUFBQTtBQUM1QjtBQUE0QjtBQUFBO0FBQzVCO0FBQTRCO0FBQUE7QUFFNUI7QUFDSTtBQUFBO0FBR0o7QUFDSTtBQUFBO0FBR0o7QUFDSTtBQUFBO0FBR0o7QUFBQTtBQUVJO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUdKO0FBQ0k7QUFDQTtBQUNBO0FBQ0E7QUFBQTsiLAogICJuYW1lcyI6IFtdCn0K */